@font-face{font-family:Thmanyah;src:url('/fonts/Thmanyah-Serif.otf')}@font-face{font-family:Ping;src:url('/fonts/PingArabic-Medium.otf')}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{--paper:#f5f1e9;--ink:#191a17;--muted:#747369;--line:#d6d0c4;--card:#e9e3d8;--accent:#967950;margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 -apple-system,BlinkMacSystemFont,'Helvetica Neue',Arial,sans-serif}body.night{--paper:#191a17;--ink:#f5f1e9;--muted:#b4b1a7;--line:#3c3d35;--card:#2c2d26;--accent:#c1ac88}h1,h2,h3,p{margin:0}h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.05em;line-height:1.06}h1{font-size:clamp(3.4rem,7.4vw,7.7rem)}h2{font-size:clamp(2.8rem,5vw,5.3rem)}h3{font-size:1.2rem;line-height:1.4}em{font-weight:400;color:var(--accent)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:5px}img{display:block;max-width:100%}button{border:0;background:none}a:hover{color:var(--accent)}.wrap{max-width:1480px;margin:auto;padding:0 5vw}.section{padding-top:120px;padding-bottom:30px}.eyebrow{font-size:.8rem;letter-spacing:.14em;font-weight:600;color:var(--muted);margin-bottom:24px}.pill{display:inline-flex;align-items:center;justify-content:center;gap:13px;border:1px solid var(--line);border-radius:99px;padding:15px 24px;font-size:.9rem;white-space:nowrap}.pill.dark{background:var(--ink);color:var(--paper);border-color:var(--ink)}.pill:hover{transform:translateY(-2px)}.pill small{opacity:.6;font-size:.75rem}.text-link{border-bottom:1px solid var(--line);padding:7px 0;font-size:.94rem;white-space:nowrap}.site-header{max-width:1480px;display:flex;align-items:center;justify-content:space-between;gap:30px;margin:auto;padding:25px 5vw;position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--paper) 88%,transparent);backdrop-filter:blur(22px);border-bottom:1px solid var(--line)}.brand img{width:99px;height:54px;object-fit:contain}.night .brand img{filter:invert(1)}.site-header nav,.nav-tools{display:flex;align-items:center;gap:29px}.site-header nav a{font-size:.91rem}.theme-toggle{font-size:25px}.language{font-family:Ping;font-size:14px}.header-cta{padding:10px 21px}.hero{display:grid;grid-template-columns:1fr 1.1fr;gap:65px;align-items:center;padding-top:80px;padding-bottom:90px;min-height:calc(100vh - 110px)}.hero-copy p{margin:28px 0;max-width:470px;color:var(--muted);font-size:1.06rem}.hero-actions{display:flex;gap:26px;align-items:center;flex-wrap:wrap;margin-top:36px}.play-icon{font-size:12px}.hero-note{margin-top:55px;display:flex;flex-wrap:wrap;gap:24px;font-size:.73rem;color:var(--muted)}.hero-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:220px 220px 120px;gap:13px;transform:rotate(-1deg)}.hero-tile{position:relative;border-radius:20px;overflow:hidden}.hero-tile img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.hero-tile:hover img{transform:scale(1.05)}.hero-tile.wide{grid-column:1/-1}.hero-tile.tall{grid-row:2/4}.hero-tile span{position:absolute;bottom:14px;left:18px;font-size:.7rem;color:white;letter-spacing:.09em;text-shadow:0 1px 4px #000}.hero-word{padding:13px 8px;display:flex;flex-direction:column;justify-content:space-between}.hero-word span{font:25px/1.15 Georgia,serif}.hero-word small{font-size:10px;letter-spacing:.04em;color:var(--muted)}.section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:45px}.section-head>p{color:var(--muted)}.filterbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:30px}.filterbar button{border-radius:50px;padding:9px 18px;font-size:14px;border:1px solid transparent}.filterbar button.active{background:var(--ink);color:var(--paper)}.filterbar button:not(.active):hover{border-color:var(--line)}.work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 23px}.work-card[hidden]{display:none}.work-image{height:auto;aspect-ratio:1.3;border-radius:16px;background:var(--card);overflow:hidden;position:relative}.work-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.work-card:hover img{transform:scale(1.045)}.work-caption{display:flex;justify-content:space-between;gap:10px;margin-top:15px}.work-caption h3{font-size:.94rem;max-width:74%}.work-caption span{font-size:.78rem;color:var(--muted)}.type-cover{font:34px/1.14 Georgia,serif;display:flex;align-items:center;justify-content:center;height:100%;padding:40px}.card-action{position:absolute;right:13px;bottom:13px;border-radius:50%;width:34px;height:34px;display:grid;place-items:center;background:#f5f1e9dc;color:#191a17}.brands{padding-top:120px;padding-bottom:35px}.brands .section-head{border-top:1px solid var(--line);padding-top:35px}.brands .eyebrow{margin:0}.logo-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:20px 32px;align-items:center}.logo-grid img{width:100%;height:80px;object-fit:contain;mix-blend-mode:multiply;filter:grayscale(1);opacity:.8;padding:10px}.night .logo-grid img{mix-blend-mode:normal;background:#fff;border-radius:10px}.craft-section{margin-top:100px;background:var(--ink);color:var(--paper);padding-bottom:70px}.craft-section .eyebrow,.craft-section p{color:#aaa99f}.services{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;padding:30px 0 45px;border-top:1px solid #ffffff35}.service-index{font-size:13px;opacity:.5;display:block;margin-bottom:40px}.services h3{font:28px Georgia,serif;margin-bottom:20px}.services p{font-size:15px}.software{border-top:1px solid #ffffff35;padding-top:35px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:15px;opacity:.6}.grade{display:grid;grid-template-columns:1fr 1.2fr;gap:80px;align-items:center}.grade p{max-width:380px;color:var(--muted);margin-top:25px}.grade-images{display:grid;grid-template-columns:1.3fr 1fr;gap:15px}.grade-images img{height:340px;object-fit:cover;border-radius:20px}.grade-images img+img{margin-top:65px}.kit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;border-top:1px solid var(--line);padding-top:32px}.kit-grid h3{font:26px Georgia,serif;margin-bottom:16px}.kit-grid p{color:var(--muted);font-size:15px}.stills-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:15px}.stills-grid button{padding:0;overflow:hidden;border-radius:14px;height:255px}.stills-grid button:first-child{grid-row:span 2;height:525px}.stills-grid img{width:100%;height:100%;object-fit:cover}.path-section{display:grid;grid-template-columns:1fr 1fr;gap:130px;margin-bottom:110px}.portrait{width:220px;height:250px;background:var(--card);overflow:hidden;border-radius:100px 100px 16px 16px;margin-top:45px}.portrait img{height:100%;width:100%;object-fit:cover;object-position:top}.experience article{padding:25px 0;border-bottom:1px solid var(--line)}.experience article>span{font-size:13px;color:var(--muted)}.experience h3{margin:9px 0;font-size:1.05rem}.experience p{color:var(--muted);font-size:15px}.experience details{margin-top:28px}.experience summary{cursor:pointer}.experience details p{margin-top:16px}.contact-section{background:#ded7c8;color:#191a17;padding:85px 0 0}.night .contact-section{background:#292b24;color:#f5f1e9}.contact-section h2{font-size:clamp(2.8rem,6vw,6rem)}.contact-links{display:flex;gap:50px;flex-wrap:wrap;font-size:20px;margin:45px 0}.contact-links a{border-bottom:1px solid #191a1755}.social-links{display:flex;gap:28px;flex-wrap:wrap;font-size:14px;margin:50px 0 70px}.contact-section footer{border-top:1px solid #191a1733;display:flex;gap:20px;justify-content:space-between;padding:28px 0;font-size:12px}.archive{padding-top:70px;padding-bottom:100px}.archive h1{font-size:clamp(3rem,6vw,6rem);margin-bottom:50px}.archive-tools input{padding:14px 20px;background:transparent;border:1px solid var(--line);border-radius:9px;min-width:270px;margin-bottom:25px}.project-page{padding-top:70px;padding-bottom:90px}.project-title{display:flex;gap:35px;align-items:end;justify-content:space-between;margin:45px 0 25px}.project-title h1{font-size:clamp(3rem,6vw,5.5rem);max-width:800px}.project-description{font-size:20px;max-width:680px;color:var(--muted);margin:30px 0 55px}.project-main{width:100%;max-height:750px;object-fit:contain;background:var(--card);border-radius:18px}.project-gallery{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:25px}.project-gallery button{padding:0}.project-gallery img{width:100%;border-radius:14px}.project-meta{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:45px;padding-top:25px;color:var(--muted)}dialog{max-width:min(1100px,95vw);padding:40px 15px 15px;border:1px solid #fff3;border-radius:20px;background:#171815;color:#fff}dialog::backdrop{background:#000a;backdrop-filter:blur(15px)}.close-dialog{position:absolute;right:9px;top:5px;font-size:25px;color:white}.media-content img,.media-content video{width:100%;max-height:80vh;object-fit:contain}.skip{position:fixed;top:-80px;left:15px;padding:15px;background:var(--ink);color:var(--paper);z-index:100}.skip:focus{top:10px}.error-page{padding:15vh 8vw}.error-page p{margin:30px 0}html[dir=rtl] body{font-family:Ping,Arial,sans-serif}html[dir=rtl] h1,html[dir=rtl] h2{font-family:Thmanyah,Georgia,serif;letter-spacing:0;line-height:1.35}html[dir=rtl] .hero h1{font-size:clamp(3.3rem,6vw,6rem)}html[dir=rtl] h1 em,html[dir=rtl] h2 em{font-style:normal}html[dir=rtl] .eyebrow{letter-spacing:0}.filter-empty{padding:25px;color:var(--muted)}
@media(max-width:1050px){.hero{gap:35px}.hero-grid{grid-template-rows:170px 170px 95px}.hero-word small{display:none}.hero h1{font-size:5.6rem}.site-header nav{gap:18px}.nav-tools{gap:17px}.work-caption{display:block}.work-caption h3{max-width:100%}.path-section{gap:50px}.logo-grid{grid-template-columns:repeat(5,1fr)}}
@media(max-width:760px){body{font-size:16px}.wrap{padding-inline:6vw}.site-header{padding:15px 6vw;gap:12px}.brand img{width:75px;height:43px}.header-cta{display:none}.site-header nav{position:fixed;bottom:14px;left:6vw;right:6vw;justify-content:space-around;padding:15px 10px;border-radius:50px;background:color-mix(in srgb,var(--paper) 95%,transparent);box-shadow:0 8px 35px #0002;border:1px solid var(--line);backdrop-filter:blur(20px)}.site-header nav a{font-size:14px}.hero{display:block;padding-top:55px;padding-bottom:35px;min-height:auto}.hero h1{font-size:clamp(4rem,17vw,6rem)}.hero-copy p{font-size:1rem;margin:25px 0}.hero-note{margin:30px 0}.hero-grid{margin-top:38px;grid-template-rows:190px 160px 80px;transform:none}.hero-word span{font-size:22px}.hero-actions{gap:20px}.section{padding-top:70px}.section-head{align-items:start;gap:20px}.section-head h2{font-size:2.8rem}.section-head>a{font-size:13px}.section-head>p{font-size:14px;max-width:140px}.work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 13px}.work-caption h3{font-size:14px}.work-caption span{font-size:12px}.work-image{border-radius:11px;aspect-ratio:1}.type-cover{padding:20px;font-size:23px}.card-action{width:28px;height:28px}.filterbar{gap:3px}.filterbar button{padding:8px 12px;font-size:13px}.brands{padding-top:75px}.logo-grid{grid-template-columns:repeat(3,1fr);gap:14px}.logo-grid img{height:65px}.craft-section{margin-top:70px;padding-bottom:45px}.services{grid-template-columns:1fr 1fr;gap:35px 22px}.services h3{font-size:23px}.service-index{margin-bottom:20px}.software{font-size:13px;gap:20px}.grade{display:block}.grade-images{margin-top:35px;gap:12px}.grade-images img{height:260px}.kit-grid{grid-template-columns:1fr 1fr;gap:25px}.kit-grid p{font-size:14px}.stills-grid{grid-template-columns:1fr 1fr;gap:12px}.stills-grid button:first-child{grid-column:1/-1;grid-row:auto;height:280px}.stills-grid button{height:180px}.path-section{display:block;margin-bottom:70px}.path-intro{display:grid;grid-template-columns:1fr auto}.path-intro .eyebrow{grid-column:1/-1}.path-intro h2{font-size:2.8rem}.portrait{margin:0;width:120px;height:160px}.experience{margin-top:35px}.contact-section{padding-top:65px;padding-bottom:60px}.contact-section h2{font-size:2.85rem}.contact-links{display:block;font-size:18px}.contact-links a{display:table;margin:18px 0}.social-links{gap:20px;margin-bottom:40px}.contact-section footer{flex-wrap:wrap;font-size:12px}.project-title{display:block}.project-title>.pill{margin-top:25px}.project-gallery{grid-template-columns:1fr}.archive-tools input{width:100%}.project-description{font-size:18px}html[dir=rtl] .hero h1{font-size:clamp(3rem,12vw,5rem)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

[hidden]{display:none!important}
/* Original portfolio composition, refined navigation and device-safe spacing. */
body{--paper:#fff;--ink:#1d1d1f;--muted:#7c7c80;--line:#e7e5e0;--card:#f5f4f0;--accent:#92805e;-webkit-font-smoothing:antialiased}
body.night{--paper:#191a17;--ink:#f5f1e9;--muted:#b4b1a7;--line:#3c3d35;--card:#2c2d26;--accent:#c1ac88}
.wrap{max-width:1360px}.site-header{max-width:none;min-height:100px;display:grid;grid-template-columns:minmax(110px,1fr) auto minmax(170px,1fr);padding:18px max(5vw,calc((100vw - 1224px)/2));gap:24px;border:0;background:color-mix(in srgb,var(--paper) 92%,transparent);isolation:isolate}.brand{display:inline-flex;justify-self:start;flex-shrink:0;line-height:0}.brand img{width:105px;height:60px}.site-header nav{position:static;gap:3px;padding:6px;border-radius:100px;border:1px solid color-mix(in srgb,var(--line) 80%,transparent);background:color-mix(in srgb,var(--paper) 80%,var(--card));box-shadow:0 5px 25px #00000006;white-space:nowrap}.site-header nav a{padding:9px 18px;border-radius:100px;font-size:13px}.site-header nav a:hover,.site-header nav a.active{background:var(--ink);color:var(--paper)}.nav-tools{gap:18px;justify-self:end;min-width:0}.header-cta{font-size:13px;padding:9px 17px}.mobile-dock{display:none}
.hero-original{display:block;min-height:0;padding-top:27px;padding-bottom:50px}.hero-kicker{display:flex;justify-content:space-between;gap:24px;font-size:10px;letter-spacing:.17em;color:var(--muted);margin-bottom:28px}.hero-layout{display:grid;grid-template-columns:1.17fr .83fr;gap:50px;align-items:center;min-height:500px}.hero-original h1{font-size:clamp(44px,4.8vw,68px);line-height:1.14;letter-spacing:-.035em}.hero-fixed{display:block;color:var(--muted)}.hero-role{display:block;min-height:1.2em;transition:opacity .28s,filter .28s,transform .28s;white-space:nowrap;letter-spacing:-.04em}.hero-role.changing{opacity:0;filter:blur(5px);transform:translateY(7px)}.hero-original .hero-copy p{max-width:530px;font-size:18px;line-height:1.6;margin-top:26px;margin-bottom:25px}.hero-original .hero-actions{margin-top:0;gap:12px}.glass{background:var(--card);border-color:transparent}.reel-link{display:flex;align-items:center;gap:8px;padding:13px 7px;font-size:13px;white-space:nowrap}.reel-link small{color:var(--muted);font-size:10px}.reel-play{font-size:10px}.hero-original .hero-note{gap:8px;margin-top:25px;font-size:11px}.hero-note>span{display:inline-flex;align-items:center;gap:7px;border-radius:100px;background:var(--card);padding:7px 12px}.available-dot,.location-dot{width:5px;height:5px;display:block;border-radius:100%;background:#6f8267}.location-dot{background:var(--muted)}.hero-portrait{position:relative;min-width:0;height:490px;display:flex;align-items:end;justify-content:center;isolation:isolate;overflow:hidden}.hero-portrait>img{position:relative;z-index:1;max-width:100%;width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:grayscale(1) contrast(1.04)}.hero-portrait:after{content:'';position:absolute;z-index:2;inset:auto -1px -1px;height:43%;pointer-events:none;background:linear-gradient(transparent,var(--paper) 93%)}.portrait-orbit{position:absolute;width:320px;height:320px;max-width:90%;aspect-ratio:1;top:55px;left:50%;transform:translateX(-50%);border-radius:50%;border:1px solid var(--line);background:repeating-conic-gradient(from 0deg,color-mix(in srgb,var(--ink) 13%,transparent) 0deg 12deg,transparent 12deg 24deg);opacity:.48;box-shadow:0 0 0 8px var(--paper),0 0 0 9px var(--line)}.portrait-orbit span{position:absolute;inset:24px;border:1px solid var(--line);background:var(--paper);border-radius:50%}.portrait-caption{position:absolute;bottom:13px;left:0;right:0;text-align:center;z-index:3;font-size:9px;letter-spacing:.18em;color:var(--muted)}.section{padding-top:85px;padding-bottom:38px}.section-head h2{font-size:clamp(34px,3.5vw,49px);line-height:1.13;letter-spacing:-.035em}.eyebrow{font-size:10px;letter-spacing:.16em;margin-bottom:20px}.work-image{aspect-ratio:1.5;border-radius:18px}.work-caption{align-items:start}.work-caption h3{font-size:15px;font-weight:500}.work-caption span{font-size:11px;white-space:nowrap}.filterbar{gap:7px}.filterbar button{background:var(--card);padding:8px 17px;font-size:12px}.filterbar button.active{background:var(--ink)}.card-action{width:35px;height:35px;right:14px;bottom:14px;backdrop-filter:blur(12px)}.craft-section{background:var(--paper);color:var(--ink);margin-top:65px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.craft-section .eyebrow,.craft-section p{color:var(--muted)}.services,.software{border-color:var(--line)}.services h3{font-size:25px}.services article{padding-right:15px}.grade h2,.kit h2,.stills h2,.path-intro h2{font-size:clamp(34px,3.5vw,49px)}.contact-section{background:var(--paper);color:var(--ink);border-top:1px solid var(--line)}.night .contact-section{background:var(--paper);color:var(--ink)}.contact-section h2{font-size:clamp(40px,5vw,70px)}.contact-links a,.contact-section footer{border-color:var(--line)}.hero-original .hero-copy,.hero-original .hero-portrait{animation:enter-frame .65s both}@keyframes enter-frame{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}html[dir=rtl] .hero-original h1{font-size:clamp(40px,4.8vw,67px)}html[dir=rtl] .hero-role{letter-spacing:0}html[dir=rtl] .hero-kicker{letter-spacing:0}
@media(max-width:1279px),(hover:none) and (max-width:1440px){
 html{scroll-padding-top:102px}body{padding-bottom:calc(102px + env(safe-area-inset-bottom,0px))}.site-header{grid-template-columns:1fr auto;min-height:90px;padding:14px 5vw;gap:20px;background:color-mix(in srgb,var(--paper) 92%,transparent);border-bottom:1px solid var(--line)}.site-header nav{display:none;position:static}.brand img{width:99px;height:56px}.nav-tools{gap:21px}.header-cta{display:inline-flex}.mobile-dock{display:flex;position:fixed;z-index:50;top:auto;bottom:calc(12px + env(safe-area-inset-bottom,0px));left:0;right:0;transform:none;margin-inline:auto;width:calc(100% - 32px);max-width:470px;min-height:68px;padding:6px;gap:4px;border-radius:25px;background:color-mix(in srgb,var(--paper) 83%,transparent);-webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%);border:1px solid color-mix(in srgb,var(--line) 70%,white);box-shadow:0 8px 36px #0000001c,inset 0 1px 0 #ffffff80;isolation:isolate}.mobile-dock a{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:center;padding:7px 5px;border-radius:19px;color:var(--muted);font-size:10px;font-weight:500;line-height:1.2;transition:background .2s,color .2s}.mobile-dock svg{width:21px;height:21px;flex-shrink:0}.mobile-dock a.active{background:var(--ink);color:var(--paper)}.mobile-dock a:hover{color:var(--accent)}.hero-layout{gap:28px;grid-template-columns:1.1fr .9fr;min-height:450px}.hero-original h1{font-size:clamp(36px,4.8vw,61px)}.hero-original .hero-copy p{font-size:16px}.hero-portrait{height:410px}.portrait-orbit{width:270px;height:270px}.contact-section{padding-bottom:15px}.hero-original .hero-note{font-size:10px}
}
@media(max-width:760px){
 .site-header{padding:12px 6vw;min-height:80px}.brand img{width:86px;height:49px}.nav-tools{gap:16px}.header-cta{display:none}.theme-toggle{width:32px;height:40px;font-size:24px}.hero-original{padding-top:25px;padding-bottom:32px}.hero-kicker{font-size:8px;letter-spacing:.13em;margin-bottom:30px}.hero-layout{display:flex;flex-direction:column;gap:6px;min-height:0;align-items:stretch}.hero-original h1{font-size:clamp(34px,8.5vw,56px);line-height:1.15}.hero-original .hero-copy p{max-width:none;font-size:15px;line-height:1.65;margin:20px 0}.hero-original .hero-actions{gap:8px}.hero-actions .pill{font-size:12px;padding:12px 17px}.hero-original .hero-note{margin-top:22px;gap:6px;font-size:9px}.hero-note>span{padding:7px 10px}.reel-link{font-size:12px;padding:12px 5px}.reel-link small{display:none}.hero-portrait{height:310px;max-width:360px;width:100%;align-self:center;margin-top:20px}.portrait-orbit{width:220px;height:220px;top:24px}.portrait-caption{font-size:8px}.section{padding-top:55px;padding-bottom:25px}.section-head{margin-bottom:28px;gap:15px}.section-head h2{font-size:32px}.section-head>a{font-size:11px}.work-image{aspect-ratio:1.22;border-radius:13px}.work-grid{gap:28px 14px}.work-caption{display:block;margin-top:11px}.work-caption h3{font-size:13px;line-height:1.4;max-width:none}.work-caption span{font-size:10px}.filterbar{gap:6px;margin-bottom:24px}.filterbar button{font-size:11px;padding:8px 12px}.card-action{width:28px;height:28px;bottom:9px;right:9px}.services h3{font-size:22px}.services p{font-size:13px}.hero-original .hero-note span:last-child{max-width:100%}.path-intro h2{font-size:31px}.contact-section h2{font-size:37px}.social-links{font-size:12px}html[dir=rtl] .hero-original h1{font-size:clamp(37px,10vw,56px)}
}
@media(max-width:370px){.hero-original h1{font-size:30px}.hero-actions .pill{padding:11px 14px}.reel-link{font-size:11px}.hero-note>span{padding:6px 8px}.hero-portrait{height:270px}.section-head h2{font-size:28px}}
@media(prefers-reduced-motion:reduce){.hero-original .hero-copy,.hero-original .hero-portrait{animation:none}.hero-role{transition:none}}
.type-cover{font-size:clamp(18px,2.1vw,28px);line-height:1.14;padding:24px;overflow-wrap:anywhere}.portrait-orbit{top:85px}@media(max-width:1279px){.type-cover{font-size:21px;padding:20px}.portrait-orbit{top:94px}}@media(max-width:760px){.type-cover{font-size:18px;padding:16px}.portrait-orbit{top:56px}}
@media(max-width:760px){.hero-portrait{height:240px;max-width:300px;margin-top:12px}.portrait-orbit{width:190px;height:190px;top:38px}}
/* Studio glass · original Qamariya, quiet Apple-inspired surfaces. */
@font-face{font-family:InterTight;src:url('/fonts/InterTight.woff2') format('woff2');font-weight:100 900;font-display:swap}
body{--paper:#fbfbfd;--ink:#1d1d1f;--muted:#6e6e73;--line:#dedee4;--card:#f0f0f5;--accent:#0071e3;font-family:InterTight,-apple-system,BlinkMacSystemFont,'Helvetica Neue',sans-serif;-webkit-font-smoothing:antialiased}
body.night{--paper:#101014;--ink:#f5f5f7;--muted:#a1a1aa;--line:#303038;--card:#202027;--accent:#67b0ff}
h1,h2,.services h3,.kit-grid h3{font-family:InterTight,-apple-system,sans-serif;font-weight:600;letter-spacing:-.045em}em{font-style:normal;font-weight:inherit}h3{letter-spacing:-.02em}.hero-original h1{font-weight:650;font-size:clamp(46px,5.4vw,78px);line-height:1.06}.hero-fixed{color:var(--ink);font-weight:400}.hero-role{letter-spacing:-.055em;min-height:2.1em;white-space:normal;max-width:660px;display:flex;align-items:flex-start}.hero-original .hero-copy p{font-size:18px;max-width:470px;letter-spacing:-.01em}.hero-layout{min-height:510px;grid-template-columns:1.18fr .82fr;gap:30px}.hero-original{position:relative;isolation:isolate;padding-top:35px;padding-bottom:50px}.hero-original:before,.contact-section:before{content:'';position:absolute;inset:0;pointer-events:none;z-index:-1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='40'%3E%3Cpath d='M0 20 C30 2 30 38 60 20 S90 2 120 20 S150 38 180 20 S210 2 240 20' fill='none' stroke='%237d7d8a' stroke-opacity='.24' stroke-width='1.1'/%3E%3C/svg%3E");background-size:240px 40px;mask-image:radial-gradient(75% 80% at 95% 0%,#000,transparent 80%);opacity:.5}.contact-section{position:relative;isolation:isolate}.contact-section:before{mask-image:radial-gradient(75% 90% at 0 100%,#000,transparent 80%)}
.site-header{background:color-mix(in srgb,var(--paper) 77%,transparent);-webkit-backdrop-filter:blur(26px) saturate(170%);backdrop-filter:blur(26px) saturate(170%)}.site-header nav{background:color-mix(in srgb,var(--card) 70%,transparent);box-shadow:inset 0 1px 0 #fff9,0 4px 16px #00000004}.pill,.reel-link,.theme-toggle,.work-card,.software-tile{transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,background .35s}.pill.dark{background:var(--ink);border-color:transparent;box-shadow:0 5px 16px #00000016}.pill.glass,.reel-link{background:color-mix(in srgb,var(--paper) 62%,transparent);border:1px solid color-mix(in srgb,var(--line) 60%,white);box-shadow:0 4px 16px #00000006,inset 0 1px 0 #fff9;backdrop-filter:blur(20px);border-radius:99px}.reel-link{padding:13px 17px}.hero-note>span{background:color-mix(in srgb,var(--card) 65%,transparent);border:1px solid color-mix(in srgb,var(--line) 60%,transparent);backdrop-filter:blur(12px)}.hero-portrait{overflow:visible;perspective:900px;height:500px}.hero-portrait>img{transition:filter 1.3s,transform .7s cubic-bezier(.2,.8,.2,1);transform:translate3d(var(--portrait-x,0px),var(--portrait-y,0px),25px);filter:grayscale(1) contrast(1.04)}.hero-portrait:hover>img{filter:grayscale(0) contrast(1.02)}.hero-portrait:after{height:34%}.disc{position:absolute;bottom:23%;left:50%;width:88%;max-width:385px;aspect-ratio:1;transform:translateX(-50%) rotateX(var(--tilt-y,0deg)) rotateY(var(--tilt-x,0deg));opacity:.57;filter:grayscale(1) contrast(1.05);transition:filter 1.2s,opacity 1s,transform .7s}.hero-portrait:hover .disc{opacity:.9;filter:grayscale(0) drop-shadow(0 10px 28px #7a624523)}.disc svg{width:100%;height:100%;overflow:visible}.disc g{transform-box:fill-box;transform-origin:center}.m-outer{animation:qamariya-spin 150s linear infinite}.m-mid{animation:qamariya-spin 190s linear infinite reverse}.m-core{animation:qamariya-spin 260s linear infinite}@keyframes qamariya-spin{to{transform:rotate(360deg)}}.live-presence{position:absolute;top:21%;left:-2%;z-index:5;display:flex;align-items:center;gap:8px;padding:11px 16px;border-radius:99px;background:color-mix(in srgb,var(--paper) 60%,transparent);border:1px solid color-mix(in srgb,var(--line) 40%,white);box-shadow:inset 0 1px 0 #fff9,0 10px 35px #00000014;backdrop-filter:blur(18px) saturate(180%);font-size:12px;animation:glass-drift 8s ease-in-out infinite}.live-presence[hidden]{display:none}.live-presence i{width:6px;height:6px;border-radius:50%;background:#30a46c;box-shadow:0 0 0 4px #30a46c15}.live-presence b{font-variant-numeric:tabular-nums}@keyframes glass-drift{50%{transform:translate3d(0,-7px,0)}}
.work-image{box-shadow:0 6px 18px #00000008;border:1px solid #00000008}.work-card:hover .work-image{box-shadow:0 14px 35px #00000015}.work-card:hover{transform:translateY(-4px)}.work-caption h3{font-weight:600;font-size:16px}.card-action{background:#ffffffb0;border:1px solid #ffffffa0;color:#1d1d1f;box-shadow:0 3px 12px #0002}.brands{padding-top:80px}.logo-grid{display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr));gap:0;border-top:1px solid var(--line);border-left:1px solid var(--line);overflow:hidden;border-radius:20px}.brand-cell{margin:0;min-width:0;min-height:125px;padding:28px 20px;display:flex;align-items:center;justify-content:center;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--paper) 88%,transparent);transition:background .3s}.brand-cell a{display:flex;width:100%;align-items:center;justify-content:center}.logo-grid .brand-cell img{width:100%;height:65px;max-width:120px;object-fit:contain;padding:0;opacity:.77;filter:grayscale(1);transition:filter .4s,opacity .4s;mix-blend-mode:multiply}.brand-cell:hover{background:var(--card)}.brand-cell:hover img{filter:none;opacity:1}.night .brand-cell{background:#f5f5f7}.night .logo-grid img{background:transparent;mix-blend-mode:multiply}
.craft-section{margin-top:60px;border:0;background:linear-gradient(180deg,var(--paper),var(--card),var(--paper))}.services{gap:16px;border:0;padding-top:10px}.services article{padding:25px;border:1px solid color-mix(in srgb,var(--line) 75%,white);border-radius:24px;background:color-mix(in srgb,var(--paper) 65%,transparent);box-shadow:inset 0 1px 0 #fff9,0 12px 30px #00000003;backdrop-filter:blur(20px)}.services h3{font-size:26px;letter-spacing:-.035em}.services p{font-size:14px}.service-index{font-size:11px;letter-spacing:.12em;color:var(--accent);opacity:1;margin-bottom:32px}.software{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border:0;gap:13px;opacity:1;padding-top:5px}.software-tile{min-width:0;padding:18px;display:flex;gap:13px;align-items:center;border-radius:22px;background:color-mix(in srgb,var(--paper) 58%,transparent);border:1px solid color-mix(in srgb,var(--line) 65%,white);box-shadow:inset 0 1px 0 #fff9,0 6px 20px #00000003;backdrop-filter:blur(22px)}.software-tile:hover{transform:translateY(-5px) rotateX(5deg);box-shadow:0 15px 30px #0000000a}.software-tile img{width:47px;height:47px;flex:none;filter:drop-shadow(0 5px 8px #0002)}.software-tile strong{font-size:13px;font-weight:600;line-height:1.2;display:block}.software-tile small{display:block;margin-top:5px;font-size:10px;color:var(--muted)}
.grade{grid-template-columns:.8fr 1.2fr;gap:60px}.grade-compare{position:relative;aspect-ratio:16/10;overflow:hidden;border:1px solid #ffffff60;border-radius:24px;isolation:isolate;--split:50%;box-shadow:0 20px 60px #00000014;direction:ltr}.grade-compare>img,.grade-before,.grade-before img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.grade-before{clip-path:inset(0 calc(100% - var(--split)) 0 0)}.grade-before.simulated img{filter:saturate(.35) contrast(.75) brightness(1.1)}.grade-divider{position:absolute;top:0;bottom:0;left:var(--split);width:2px;background:#fff9;pointer-events:none;box-shadow:0 0 15px #0005}.grade-divider span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:42px;width:42px;display:grid;place-items:center;border:1px solid #fff9;border-radius:50%;background:#fff5;backdrop-filter:blur(15px);color:#fff;font-size:25px;letter-spacing:4px;padding-left:4px}.grade-label{position:absolute;top:17px;font-size:9px;letter-spacing:.12em;color:#fff;background:#1d1d1f55;border:1px solid #fff3;padding:7px 11px;border-radius:30px;backdrop-filter:blur(15px)}.grade-label.left{left:16px}.grade-label.right{right:16px}.grade-compare input{position:absolute;inset:0;opacity:0;cursor:ew-resize;width:100%;height:100%;margin:0}.grade-compare:focus-within{outline:3px solid var(--accent);outline-offset:5px}.grade p.grade-note{font-size:11px;line-height:1.5;max-width:none;margin:14px 5px 0}.kit-grid article{padding:25px;border-radius:22px;background:var(--card)}.kit-grid{border:0;gap:16px}.kit-grid h3{font-size:23px}.section-head h2,.grade h2,.path-intro h2{font-weight:600}.contact-section h2{font-weight:550}.contact-section em{background:linear-gradient(110deg,#0071e3,#7a56ca);background-clip:text;color:transparent}.night .contact-section em{background:linear-gradient(110deg,#67b0ff,#b398ef);background-clip:text}.reveal-in{animation:soft-reveal .8s cubic-bezier(.2,.8,.2,1) both}@keyframes soft-reveal{from{opacity:.2;transform:translateY(20px);filter:blur(3px)}to{opacity:1;transform:none;filter:blur(0)}}html[dir=rtl] .services h3,html[dir=rtl] .kit-grid h3{font-family:Thmanyah,serif;letter-spacing:0}html[dir=rtl] .hero-role{min-height:2.1em}html[dir=rtl] .software{direction:ltr}html[dir=rtl] .live-presence{direction:rtl}
@media(max-width:1279px){.software{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-original h1{font-size:clamp(43px,5.5vw,69px)}.hero-portrait{height:430px}.logo-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.services{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-original .hero-copy p{font-size:16px}.hero-layout{min-height:440px}.grade{gap:35px}.live-presence{left:0;top:16%}.brand-cell{min-height:110px;padding:22px 18px}}
@media(max-width:760px){.hero-original{padding-top:24px}.hero-original h1{font-size:clamp(38px,10vw,63px)}.hero-role{min-height:2.12em}.hero-layout{min-height:0;gap:0;display:flex}.hero-original .hero-copy p{font-size:15px;margin:16px 0 22px}.hero-portrait{height:280px;width:100%;max-width:340px;margin-top:28px}.disc{width:77%;bottom:18%;max-width:280px}.live-presence{font-size:10px;top:22%;left:0;padding:9px 12px}.hero-note>span{font-size:9px}.reel-link{font-size:11px;padding:12px}.logo-grid{grid-template-columns:repeat(3,minmax(0,1fr));border-radius:16px}.brand-cell{min-height:91px;padding:17px 15px}.logo-grid .brand-cell img{height:51px}.software{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.software-tile{padding:14px;gap:10px;border-radius:18px}.software-tile img{width:39px;height:39px}.software-tile strong{font-size:12px}.services{gap:12px}.services article{padding:22px 17px;border-radius:20px}.services h3{font-size:22px}.services p{font-size:13px}.grade{display:block}.grade-workbench{margin-top:30px}.grade-compare{border-radius:18px}.kit-grid article{padding:20px 16px}.kit-grid h3{font-size:21px}.hero-original .hero-note{gap:5px}.work-caption h3{font-size:13px}.section-head h2{font-size:32px}.hero-kicker{letter-spacing:.08em}.contact-links{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.hero-portrait>img,.disc{--portrait-x:0px!important;--portrait-y:0px!important;--tilt-x:0deg!important;--tilt-y:0deg!important}}

.hero-portrait>img{mask-image:linear-gradient(to bottom,#000 0%,#000 64%,transparent 99%)}

/* Consistent controls, edge-to-edge work covers and true dark surfaces. */
.public-site .work-image img{width:100%;height:100%;object-fit:cover!important}.public-site .pill,.public-site .reel-link{height:48px;min-height:48px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;padding-block:0!important;line-height:1.2;vertical-align:middle}.public-site .hero-actions{align-items:center}.public-site .hero-portrait>img,.public-site .hero-portrait .disc,.public-site .path-intro .portrait img{filter:grayscale(1)!important;transition:filter .4s ease}.public-site .hero-portrait:hover>img,.public-site .hero-portrait:hover .disc,.public-site .path-intro .portrait:hover img{filter:grayscale(0)!important}.public-site.night .logo-grid,.public-site.night .brand-cell,.public-site.night .services article,.public-site.night .software-tile,.public-site.night .kit-grid article{background:#191c23!important;border-color:#ffffff1c!important}.public-site.night .logo-grid .brand-cell img{filter:grayscale(1) invert(1);mix-blend-mode:screen}.public-site.night .logo-grid a{background:transparent!important}.public-site.night .site-header{background:rgba(22,25,32,.88)!important;border-color:#ffffff1c!important}.public-site.night .site-header nav{background:#242832;border-color:#ffffff20}.public-site.night .pill.glass,.public-site.night .reel-link,.public-site.night .hero-note>span{background:#20242c!important;color:#f5f5f7!important;border-color:#ffffff22!important}.public-site.night .filterbar button.active{background:#86bbff;color:#10141c}.public-site.night .work-image{background:#15181f}.public-site.night .software-tile strong,.public-site.night .services h3,.public-site.night .kit-grid h3{color:#f5f5f7}.public-site.night .software-tile small,.public-site.night .services p,.public-site.night .kit-grid p{color:#b9becb}.public-site.night .hero-role{color:#86bbff!important;-webkit-text-fill-color:#86bbff!important}.public-site .hero-role.changing{filter:none!important;opacity:.65!important}.public-site .hero-role{transition:opacity .18s ease!important}



.public-site .path-intro{display:block}.public-site .path-intro h2{max-width:18ch}