:root{--bg:#131313;--ink:#f2f2f3;--muted:#b2b4ba;--line:#353535;--accent:#9ecaff;--panel:#1c1c1c;--max:1320px;color-scheme:dark;font-family:Inter,Arial,sans-serif;font-size:16px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--ink);line-height:1.65}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}a,button,summary,input,select,textarea{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button,a,summary{outline-offset:7px}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent)}button,summary{cursor:pointer}img{display:block;max-width:100%;height:auto}figure,p,h1,h2,h3{margin:0}h1,h2,h3{line-height:1.08;font-weight:700;letter-spacing:-.045em}h1 em,h2 em{font-style:normal;color:var(--muted);font-weight:500}h2{font-size:clamp(2.3rem,4.4vw,4.4rem)}h3{font-size:1.6rem}p{color:var(--muted)}ul{margin:0;padding-inline-start:22px}li+li{margin-top:8px}[hidden]{display:none!important}.wrap{width:min(calc(100% - 112px),var(--max));margin-inline:auto}.section{padding-block:112px;border-top:1px solid var(--line)}.eyebrow,.section-label,.hero-bottom,.status{font-size:.75rem;letter-spacing:.11em;font-weight:600;text-transform:uppercase}.eyebrow{color:var(--accent)}.skip{position:fixed;inset:5px auto auto 15px;padding:12px;background:#fff;color:#111;z-index:200;transform:translateY(-150%)}.skip:focus{transform:none}.site-header{height:86px;padding-inline:56px;display:flex;align-items:center;justify-content:space-between;gap:28px;position:sticky;top:0;z-index:100;background:rgba(19,19,19,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}.brand{font-size:2.2rem;font-weight:900;letter-spacing:-.09em;line-height:1}.brand-dot{color:var(--accent)}.desktop-nav{display:flex;gap:32px;font-size:.9rem}.desktop-nav a{color:var(--muted);position:relative}.desktop-nav a:hover,.desktop-nav a[aria-current]{color:var(--ink)}.desktop-nav a[aria-current]::after{content:'';height:2px;background:var(--accent);position:absolute;inset:auto 0 -29px}.header-actions{display:flex;align-items:center;gap:24px}.language{font-size:.9rem}.header-cta{font-size:.8rem;border:1px solid #666;padding:10px 18px;display:flex;gap:28px;align-items:center}.header-cta:hover{border-color:var(--accent)}.menu-toggle{display:none;padding:10px;background:none;border:0;width:44px;height:44px}.menu-toggle span{display:block;height:2px;margin:6px 0;background:var(--ink);width:24px}#mobile-nav{position:fixed;inset:76px 0 auto;background:#191919;z-index:99;padding:24px;display:grid;gap:20px;border-bottom:1px solid var(--line)}.hero{padding-top:34px;position:relative}.hero-top{display:flex;justify-content:space-between;gap:18px;align-items:center;padding-bottom:50px}.status{color:var(--muted)}.hero-grid{display:grid;grid-template-columns:1.5fr 1fr;align-items:center;gap:44px}.hero-copy{z-index:2}.hero h1{font-size:clamp(3.2rem,6.9vw,7.1rem);font-weight:800;line-height:.98;letter-spacing:-.065em}.hero-description{font-size:1.06rem;line-height:1.8;max-width:530px;margin-top:34px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:24px;min-height:54px;padding:15px 22px;font-size:.9rem;font-weight:600;line-height:1.4;border:1px solid var(--ink);background:var(--ink);color:#111;transition:background .2s,color .2s,border-color .2s}.button:hover{background:var(--accent);border-color:var(--accent)}.button.ghost{background:transparent;color:var(--ink);border-color:#666}.button.ghost:hover{border-color:var(--accent);color:var(--accent)}.button span{font-size:1.1rem}.micro{font-size:.8rem;margin-top:14px;color:#93969e}.hero-portrait{position:relative;max-width:430px;justify-self:end;width:100%;border:1px solid var(--line);padding:8px;background:#1b1b1b;transform:rotate(2deg)}.hero-portrait img{width:100%;height:500px;object-fit:cover;object-position:center 28%;filter:saturate(.7)}.hero-portrait figcaption{display:flex;justify-content:space-between;gap:18px;font-size:.65rem;letter-spacing:.06em;padding:15px 7px 6px;color:var(--muted)}.hero-bottom{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-block:28px;margin-top:72px;color:var(--muted);border-top:1px solid var(--line)}.hero-bottom a{color:var(--ink)}.section-label{display:flex;gap:28px;color:var(--muted);margin-bottom:42px}.section-label span{color:var(--accent)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:56px;margin-bottom:50px}.section-head>p{max-width:340px;line-height:1.8}.projects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.project{border-top:1px solid #717171;padding-top:20px;min-width:0}.project-meta{display:flex;justify-content:space-between;gap:16px;color:var(--muted);font-size:.75rem}.project-title{padding-block:22px 20px}.project-code{display:block;font-size:clamp(3.5rem,6vw,6.5rem);letter-spacing:-.07em;font-weight:700;line-height:1.3;color:#4b515a;margin-bottom:18px}.project h3{font-size:1.5rem}.project>p{font-size:.95rem;min-height:105px;line-height:1.8}.project details{border-top:1px solid var(--line);margin-top:24px}.project summary,.writing-note summary{display:flex;justify-content:space-between;gap:20px;align-items:center;list-style:none;padding-block:18px;font-size:.85rem}.project summary::-webkit-details-marker,.expertise-row summary::-webkit-details-marker,.writing-note summary::-webkit-details-marker{display:none}details[open] summary>span:last-child{transform:rotate(45deg)}summary>span:last-child{transition:transform .2s}.detail-body{padding-bottom:18px;color:var(--muted);font-size:.9rem}.inline-cta{display:inline-block;margin-top:24px;color:var(--accent);font-size:.95rem;text-decoration:underline;text-underline-offset:6px}.expertise-section{background:#191919}.expertise-list{border-top:1px solid #666}.expertise-row{border-bottom:1px solid var(--line)}.expertise-row summary{display:grid;grid-template-columns:50px 1fr 40px;gap:24px;align-items:center;list-style:none;padding-block:32px}.service-num{font-size:.8rem;color:var(--muted)}.expertise-row .eyebrow{display:block;margin-bottom:12px}.expertise-row h3{font-size:clamp(1.6rem,3vw,2.7rem);font-weight:500}.expand{font-size:2rem;text-align:center;font-weight:300;color:var(--muted)}.service-detail{padding:0 64px 32px 74px;max-width:950px;color:var(--muted)}.service-detail p{font-size:1.15rem;margin-bottom:20px}.service-detail ul{font-size:1rem;line-height:1.8}.workflow{margin-top:36px;display:flex;gap:20px;justify-content:space-between;flex-wrap:wrap;font-size:.75rem;letter-spacing:.08em;color:var(--muted)}.workflow span+span::before{content:' / ';margin-inline-end:28px;color:#666}.about-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:100px}.about-title>.eyebrow{margin-top:26px;color:var(--muted)}.about-photo{margin-top:45px;max-width:290px;transform:rotate(-3deg)}.about-photo img{width:100%;aspect-ratio:3/4;object-fit:cover;filter:grayscale(1)}.story p{margin-bottom:22px;font-size:1.05rem;line-height:1.9}.story .large-copy{font-size:1.9rem;line-height:1.5;color:var(--ink);letter-spacing:-.025em}.story .eyebrow{font-size:.75rem;color:var(--accent);margin-bottom:18px}.homifi-story,.personal-note{border-top:1px solid var(--line);padding-top:35px;margin-top:38px}.story h3{margin-bottom:22px}.personal-note .writing-note{border-top:1px solid var(--line)}.writing-note p{font-size:.98rem}.contact-section{background:#22252b}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.contact-grid h2{font-weight:800;font-size:clamp(2.8rem,5vw,5.1rem);line-height:1.07}.contact-grid h2 em{color:var(--accent)}.contact-grid .lead{font-size:1.1rem;max-width:460px;margin-top:28px;line-height:1.9}.direct-contact{display:inline-block;margin-top:38px;border-bottom:1px solid #777;padding-bottom:5px}.phone{display:block;font-size:1.3rem;margin-top:14px}.location{font-size:.85rem;margin-top:20px}.field{margin-bottom:25px}.field label,legend{display:block;font-size:.9rem;margin-bottom:10px;color:var(--ink)}input,select,textarea{width:100%;background:#191c20;border:1px solid #51545c;color:var(--ink);border-radius:0;padding:14px;font-size:1rem}input::placeholder,textarea::placeholder{color:#a1a4ad}textarea{resize:vertical;min-height:145px}fieldset{margin:0 0 25px;padding:0;border:0}.system-options{display:flex;flex-wrap:wrap;gap:10px}.system-options label{position:relative;cursor:pointer}.system-options input{position:absolute;opacity:0;width:1px;height:1px}.system-options span{border:1px solid #51545c;padding:9px 12px;display:block;font-size:.85rem}.system-options input:checked+span{background:var(--accent);color:#111;border-color:var(--accent)}.system-options input:focus-visible+span{outline:2px solid var(--accent);outline-offset:4px}.submit{width:100%;border:0;cursor:pointer}.form-note{font-size:.8rem;line-height:1.8;margin-top:16px}#form-status{font-size:.85rem;color:var(--accent);margin-top:12px}footer{padding-block:55px 30px}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:48px}.footer-brand{font-size:2rem;font-weight:800;letter-spacing:-.045em}.socials{display:flex;gap:26px;flex-wrap:wrap;font-size:.85rem;color:var(--muted)}.socials a:hover{color:var(--accent)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:26px;font-size:.7rem;letter-spacing:.06em;color:var(--muted)}.mobile-cta{display:none}section,article[id],details[id]{scroll-margin-top:105px}
html[lang=ar]{font-family:Cairo,Tahoma,Arial,sans-serif}html[lang=ar] h1,html[lang=ar] h2,html[lang=ar] h3{letter-spacing:0;line-height:1.45}html[lang=ar] .eyebrow,html[lang=ar] .section-label,html[lang=ar] .hero-bottom,html[lang=ar] .status{letter-spacing:0}html[lang=ar] .hero h1{font-size:clamp(3.5rem,7.2vw,7.1rem);line-height:1.4}html[lang=ar] .hero-description{font-size:1.1rem}html[lang=ar] .hero-portrait{transform:rotate(-2deg)}html[lang=ar] .brand{font-family:Inter,Arial,sans-serif;letter-spacing:-.09em;direction:ltr}html[lang=ar] .service-detail{padding-inline:74px 64px}html[lang=ar] .project-code{direction:ltr;text-align:right;font-family:Inter,Arial,sans-serif}html[lang=ar] .contact-grid h2{font-size:clamp(3rem,5.3vw,5.2rem);line-height:1.4}html[lang=ar] .hero-portrait figcaption{font-size:.7rem}
@media(min-width:1600px){.site-header{padding-inline:max(56px,calc((100vw - 1320px)/2))}}
@media(max-width:1050px){.wrap{width:calc(100% - 64px)}.site-header{padding-inline:32px}.desktop-nav{gap:22px}.hero-grid{gap:28px;grid-template-columns:1.3fr 1fr}.hero-portrait img{height:430px}.hero-portrait figcaption{flex-direction:column;gap:5px}.hero h1{font-size:clamp(3.4rem,7vw,5.4rem)}.hero-actions .button{padding:14px 16px;font-size:.85rem}.about-grid,.contact-grid{gap:50px}.section{padding-block:85px}.section-head{gap:35px}.section-head>p{max-width:290px}.projects{gap:20px}.project>p{min-height:135px}.footer-brand{font-size:1.6rem}}
@media(max-width:760px){html{scroll-padding-top:90px}.wrap{width:calc(100% - 40px)}.site-header{height:72px;padding-inline:20px;gap:16px}.brand{font-size:2rem}.desktop-nav,.header-cta{display:none}.header-actions{gap:16px}.menu-toggle{display:block}#mobile-nav{top:72px}.hero{padding-top:25px}.hero-top{padding-bottom:32px;align-items:start;gap:15px}.hero-top .eyebrow{max-width:190px}.status{font-size:.65rem;text-align:end}.eyebrow{font-size:.7rem}.hero-grid{grid-template-columns:1fr;gap:35px}.hero h1{font-size:clamp(3rem,11.5vw,5.5rem);line-height:1.04}.hero-description{font-size:1rem;margin-top:25px;max-width:100%}.hero-actions{gap:10px;margin-top:24px}.hero-actions .button{flex:1;min-width:140px;font-size:.85rem;gap:12px;padding:14px}.hero-portrait{max-width:100%;transform:none!important;display:grid;grid-template-columns:1fr 1fr;align-items:end;padding:0;background:#1c1c1c}.hero-portrait img{height:270px;object-position:center 20%;width:100%;grid-column:2;grid-row:1}.hero-portrait figcaption{grid-column:1;grid-row:1;align-self:end;padding:22px;font-size:.7rem;gap:20px;line-height:1.8}.hero-bottom{margin-top:30px;padding-block:22px;font-size:.65rem;gap:15px;display:grid;grid-template-columns:1fr 1fr}.hero-bottom a{text-align:start}.section{padding-block:64px}.section-label{margin-bottom:30px;gap:20px;font-size:.7rem}.section-head{display:block;margin-bottom:32px}.section-head h2{font-size:2.3rem}.section-head>p{max-width:none;margin-top:20px;font-size:1rem}.projects{grid-template-columns:1fr;gap:42px}.project{padding-top:14px}.project-title{display:flex;flex-direction:row-reverse;align-items:center;justify-content:space-between;gap:15px;padding-block:18px}.project-code{font-size:3rem;margin:0}.project h3{font-size:1.5rem}.project>p{min-height:0}.project details{margin-top:20px}.expertise-row summary{grid-template-columns:24px 1fr 25px;gap:14px;padding-block:26px}.expertise-row .eyebrow{font-size:.65rem}.expertise-row h3{font-size:1.55rem}.service-detail,html[lang=ar] .service-detail{padding:0 0 26px;padding-inline-start:38px}.service-detail p{font-size:1rem}.service-detail ul{font-size:.95rem}.workflow{display:grid;grid-template-columns:1fr 1fr;gap:15px;font-size:.65rem}.workflow span+span::before{display:none}.about-grid,.contact-grid{grid-template-columns:1fr;gap:35px}.about-title{position:relative}.about-title h2{font-size:2.6rem}.about-photo{max-width:180px;margin-top:30px}.about-photo img{aspect-ratio:1/1;object-position:center 20%}.story .large-copy{font-size:1.65rem}.story p{font-size:1rem}.contact-grid h2{font-size:3.4rem}.contact-grid .lead{font-size:1rem;margin-top:20px}.direct-contact{margin-top:25px}.footer-top{display:block;margin-bottom:32px}.socials{margin-top:24px;gap:18px;font-size:.8rem}.footer-bottom{flex-wrap:wrap;line-height:1.8;font-size:.65rem}footer{padding-bottom:110px}.mobile-cta{position:fixed;bottom:14px;inset-inline:20px;z-index:80;background:var(--ink);color:#111;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;font-size:.9rem;font-weight:700;border:1px solid #ddd;box-shadow:0 8px 28px #0006}.mobile-cta.is-hidden{visibility:hidden;pointer-events:none}html[lang=ar] .hero h1{font-size:clamp(3rem,12vw,5rem)}html[lang=ar] .contact-grid h2{font-size:3.1rem}html[lang=ar] .project-code{font-size:2.8rem}html[lang=ar] .hero-portrait figcaption{font-size:.7rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
#calculator-dialog{width:min(1100px,96vw);height:90dvh;max-height:90dvh;padding:0;background:#131313;color:white;border:1px solid #666}#calculator-dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}.dialog-bar{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid #444}.dialog-bar h2{font-size:1.2rem;letter-spacing:0}.dialog-bar button{font-size:2rem;line-height:1;background:none;color:white;border:0;padding:4px 10px}#calculator-dialog iframe{display:block;width:100%;height:calc(100% - 68px);border:0}body.modal-open{overflow:hidden}