@font-face{font-family:Manline Slabs;src:url(/assets/ManlineSlabs-pgPVy-B2v43BBk.otf)format("opentype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Alexandria;src:url(/assets/Alexandria-Regular-nZR16Dbm.ttf)format("truetype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Alexandria;src:url(/assets/Alexandria-SemiBold-KizPTzvl.ttf)format("truetype");font-style:normal;font-weight:600;font-display:swap}@font-face{font-family:Alexandria;src:url(/assets/Alexandria-ExtraBold-DlEfwIX3.ttf)format("truetype");font-style:normal;font-weight:800;font-display:swap}@font-face{font-family:Alexandria;src:url(/assets/Alexandria-Black-D9RKMSBQ.ttf)format("truetype");font-style:normal;font-weight:900;font-display:swap}:root{--forest:#1d462a;--sage:#9fb489;--ivory:#fcf9f3;--page:var(--ivory);--ink:var(--forest);--accent:var(--sage);--line:color-mix(in srgb, var(--ink) 22%, transparent);--muted:color-mix(in srgb, var(--ink) 66%, transparent);--surface:color-mix(in srgb, var(--page) 88%, var(--accent));color:var(--ink);background:var(--page);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--header-height:86px;font-family:Manline Slabs,serif}:root[data-theme=dark]{--page:var(--forest);--ink:var(--ivory);--accent:var(--sage);--line:color-mix(in srgb, var(--ivory) 25%, transparent);--muted:color-mix(in srgb, var(--ivory) 70%, transparent);--surface:color-mix(in srgb, var(--forest) 84%, var(--sage))}:root[data-language=ar]{letter-spacing:normal;font-family:Alexandria,sans-serif}*{box-sizing:border-box}html{background:var(--page);scroll-behavior:auto;min-width:320px}body{background:var(--page);min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}button,a,input,textarea{font:inherit}button{color:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}::selection{color:var(--forest);background:var(--sage)}.ltr{direction:ltr;unicode-bidi:isolate;font-family:Manline Slabs,serif;display:inline-block}.site-shell{background:var(--page);min-height:100vh;color:var(--ink);transition:color .42s,background-color .42s;overflow:visible}.site-header{z-index:100;min-height:var(--header-height);border-block-end:1px solid var(--line);background:color-mix(in srgb, var(--page) 84%, transparent);-webkit-backdrop-filter:blur(18px);grid-template-columns:minmax(180px,1fr) auto minmax(180px,1fr);align-items:center;gap:2rem;padding-inline:clamp(1rem,3vw,3.5rem);display:grid;position:fixed;inset-block-start:0;inset-inline:0}:root.is-project-revealing .site-header{z-index:995}.brand,.desktop-nav button,.tool-button,.mobile-nav button{cursor:pointer;background:0 0;border:0}.brand{justify-self:start;align-items:center;gap:.7rem;padding:0;display:inline-flex}.brand-mark{flex:none;place-items:center;width:60px;height:56px;display:grid}.brand-mark img{object-fit:contain;width:100%;height:100%;transition:filter .32s;display:block}:root[data-theme=dark] .brand-mark img{filter:brightness(0)invert()}.desktop-nav{justify-content:center;align-items:center;gap:clamp(1rem,2vw,2rem);display:flex}.desktop-nav button{color:var(--muted);padding:.4rem 0;font-size:.82rem;transition:color .18s;position:relative}.desktop-nav button:after{content:"";background:var(--ink);height:1px;transition:transform .18s;position:absolute;inset-block-end:0;inset-inline:0;transform:scaleX(0)}.desktop-nav button:hover,.desktop-nav button.is-current{color:var(--ink)}.desktop-nav button.is-current:after{transform:scaleX(1)}.header-tools{justify-self:end;align-items:center;gap:.45rem;display:flex}.tool-button{border:1px solid var(--line);border-radius:999px;place-items:center;min-width:42px;height:42px;padding:0 .7rem;transition:color .18s,background-color .18s,transform .18s;display:grid}.tool-button:hover{color:var(--forest);background:var(--sage);transform:translateY(-2px)}.language-button{font-size:.76rem}.menu-button,.mobile-nav{display:none}.hero{height:100svh;min-height:100svh;padding:var(--header-height) clamp(1rem, 3.5vw, 4.5rem) 0;isolation:isolate;grid-template-columns:minmax(230px,1fr) minmax(360px,40vw) minmax(230px,1fr);align-items:center;gap:clamp(.75rem,2vw,2.75rem);display:grid;position:relative;overflow:hidden}.hero-grid,.placeholder-page__grid{z-index:-3;opacity:.5;background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);background-size:clamp(42px,4vw,68px) clamp(42px,4vw,68px);position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 18% 75%,#0000);mask-image:linear-gradient(#0000,#000 18% 75%,#0000)}.hero-left,.hero-identity{z-index:3;min-width:0;padding-block-end:clamp(2rem,8vh,6rem);position:relative}.hero-left{grid-column:1;max-width:clamp(470px,26vw,720px)}.hero-identity{grid-column:3;justify-self:end;max-width:clamp(540px,28vw,760px)}.eyebrow{color:var(--muted);align-items:center;gap:.65rem;margin:0 0 1.25rem;font-size:clamp(.72rem,.85vw,.88rem);line-height:1.5;display:inline-flex}:root[data-language=en] .eyebrow{letter-spacing:.13em}.eyebrow:before{content:"";background:var(--accent);width:1.8rem;height:1px}.hero-title{letter-spacing:-.045em;flex-direction:column;align-items:flex-start;margin:0;font-size:clamp(4rem,6.7vw,10rem);font-weight:400;line-height:.76;display:flex}.hero-title span:last-child{color:#0000;-webkit-text-stroke:1.5px var(--ink);transform:translate(clamp(1rem,3vw,3rem))}.hero-left h2{max-width:680px;margin:0;font-size:clamp(1.65rem,2.05vw,4rem);font-weight:400;line-height:1.15}:root[data-language=ar] .hero-left h2{font-weight:800;line-height:1.35}:root[data-language=ar] .hero-left h2,:root[data-language=ar] .hero-description,:root[data-language=ar] .placeholder-page h1,:root[data-language=ar] .placeholder-page>p:not(.eyebrow),:root[data-language=ar] .button span{letter-spacing:normal;direction:rtl;unicode-bidi:isolate}:root[data-language=ar] .hero-left h2,:root[data-language=ar] .hero-description,:root[data-language=ar] .placeholder-page h1,:root[data-language=ar] .placeholder-page>p:not(.eyebrow){text-align:right}.hero-description{max-width:620px;color:var(--muted);margin:1.25rem 0 0;font-size:clamp(.92rem,1vw,1.35rem);line-height:1.65}.hero-actions{flex-wrap:wrap;gap:.75rem;margin-block-start:2rem;display:flex}.button{border:1px solid var(--ink);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:.65rem;min-height:52px;padding:.85rem 1.25rem;transition:transform .18s,color .18s,background-color .18s;display:inline-flex}.button:hover{transform:translateY(-3px)}.button--primary{color:var(--page);background:var(--ink)}.button--primary svg{transition:transform .18s}.button--primary:hover svg{transform:translate(2px,-2px)}.button--secondary{color:var(--ink);background:0 0}.button--secondary:hover{color:var(--forest);background:var(--sage)}.hero-portrait{z-index:2;grid-column:2;align-self:stretch;align-items:flex-end;min-width:0;display:flex;position:relative}.portrait-figure{width:min(100%, clamp(620px, 38vw, 1320px), calc(100svh - var(--header-height) - .5rem));margin:0 auto}.portrait-frame{aspect-ratio:1;cursor:crosshair;touch-action:none;position:relative;overflow:hidden}.portrait-image{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block;position:absolute;inset:0}.portrait-image--reveal{--reveal-x:50%;--reveal-y:50%;--reveal-radius:0px;-webkit-mask-image:radial-gradient(circle var(--reveal-radius) at var(--reveal-x) var(--reveal-y), black 0%, black 36%, #0000009e 56%, transparent 78%), url(/assets/photo1-transparent-CidWQ38z.png);mask-image:radial-gradient(circle var(--reveal-radius) at var(--reveal-x) var(--reveal-y), black 0%, black 36%, #0000009e 56%, transparent 78%), url(/assets/photo1-transparent-CidWQ38z.png);-webkit-mask-position:50%,50%;mask-position:50%,50%;-webkit-mask-size:100% 100%,100% 100%;mask-size:100% 100%,100% 100%;-webkit-mask-repeat:no-repeat,no-repeat;mask-repeat:no-repeat,no-repeat;-webkit-mask-composite:source-in;mask-composite:intersect;-webkit-mask-image:radial-gradient(circle var(--reveal-radius) at var(--reveal-x) var(--reveal-y), black 0%, black 36%, #0000009e 56%, transparent 78%), url(/assets/photo1-transparent-CidWQ38z.png);-webkit-mask-composite:source-in;will-change:mask-image, -webkit-mask-image;-webkit-mask-position:50%,50%;-webkit-mask-size:100% 100%,100% 100%;-webkit-mask-repeat:no-repeat,no-repeat}.portrait-corner{z-index:2;pointer-events:none;width:48px;height:48px;position:absolute}.portrait-corner--top{border-block-start:2px solid var(--forest);border-inline-start:2px solid var(--forest);inset-block-start:1rem;inset-inline-start:1rem}.portrait-corner--bottom{border-block-end:2px solid var(--forest);border-inline-end:2px solid var(--forest);inset-block-end:1rem;inset-inline-end:1rem}.hero-meta,.scroll-cue{z-index:4;color:var(--muted);align-items:center;gap:.7rem;font-size:.68rem;display:flex;position:absolute}:root[data-language=en] .hero-meta,:root[data-language=en] .scroll-cue{letter-spacing:.11em}.hero-meta--location{inset-block-end:2rem;inset-inline-start:clamp(1rem,3vw,3.5rem)}.hero-meta__line{background:var(--accent);width:2.5rem;height:1px}.scroll-cue{flex-direction:column;inset-block-end:1.9rem;inset-inline-end:clamp(1rem,3vw,3.5rem)}.scroll-cue__line{background:var(--line);width:1px;height:28px;overflow:hidden}.scroll-cue__line:after{content:"";background:var(--ink);width:1px;height:50%;animation:1.8s ease-in-out infinite scroll-pulse;display:block}.hero-scroll-stage{--hero-exit:0;--hero-content-visible:1;--portal-visible:0;--portal-logo-visible:0;--portal-left-translate:-51vw;--portal-right-translate:51vw;--portal-logo-left-translate:-7vw;--portal-logo-right-translate:7vw;--marquee-visible:0;--marquee-translate-y:110%;--marquee-track-shift:0%;overflow-anchor:none;height:285svh;position:relative}.home-page>.projects-showcase{overflow-anchor:none}.hero-scroll-stage .hero{position:sticky;inset-block-start:0}.hero-scroll-stage .hero-left,.hero-scroll-stage .hero-identity{opacity:var(--hero-content-visible);will-change:opacity;transform:none}.hero-scroll-stage .hero-portrait{opacity:var(--hero-content-visible);transform-origin:bottom;will-change:opacity;transform:none}.hero-scroll-stage .hero-grid{opacity:.5;transform:none}.hero-scroll-stage .hero-meta,.hero-scroll-stage .scroll-cue{opacity:var(--hero-content-visible)}.scroll-portal{z-index:990;opacity:var(--portal-visible);pointer-events:none;will-change:opacity;position:fixed;inset:0;overflow:hidden}.scroll-portal .page-transition__door--left{transform:translateX(var(--portal-left-translate))}.scroll-portal .page-transition__door--right{transform:translateX(var(--portal-right-translate))}.scroll-portal .page-transition__logo{opacity:var(--portal-logo-visible)}.scroll-portal .page-transition__logo-half--left{transform:translateX(var(--portal-logo-left-translate))}.scroll-portal .page-transition__logo-half--right{transform:translateX(var(--portal-logo-right-translate))}.hero-scroll-marquee{z-index:991;border-block:1px solid var(--line);background:color-mix(in srgb, var(--page) 88%, transparent);opacity:var(--marquee-visible);transform:translateY(var(--marquee-translate-y));-webkit-backdrop-filter:blur(16px);will-change:transform, opacity;position:fixed;inset-block-end:0;inset-inline:0;overflow:hidden}.hero-scroll-marquee__track{width:max-content;min-height:44px;color:var(--ink);white-space:nowrap;transform:translateX(var(--marquee-track-shift));will-change:transform;align-items:center;padding-block:clamp(.55rem,.7vw,.8rem);font-size:clamp(.84rem,.9vw,1.05rem);line-height:1.25;display:flex}.hero-scroll-marquee__track span{padding-inline:.3em}:root[data-language=en] .hero-scroll-marquee__track{letter-spacing:.035em}:root[data-language=ar] .hero-scroll-marquee__track{letter-spacing:normal;direction:rtl;font-weight:800;line-height:1.35}.projects-showcase{--projects-bg:var(--ink);--projects-text:var(--page);--projects-muted:color-mix(in srgb, var(--projects-text) 68%, transparent);--projects-line:color-mix(in srgb, var(--projects-text) 20%, transparent);z-index:10;background:var(--projects-bg);min-height:100svh;color:var(--projects-text);scroll-margin-top:var(--header-height);border-radius:clamp(2rem,5vw,5.5rem) clamp(2rem,5vw,5.5rem) 0 0;margin-block-start:-100svh;padding:clamp(5rem,10vw,9rem) clamp(1rem,4.5vw,5.5rem) clamp(5rem,9vw,8rem);position:relative;overflow:visible}.projects-showcase--standalone{border-radius:0;margin-block-start:0;padding-block-start:calc(var(--header-height) + clamp(4rem, 8vw, 8rem))}.projects-showcase__grid{z-index:-1;border-radius:inherit;opacity:.38;background-image:linear-gradient(var(--projects-line) 1px, transparent 1px), linear-gradient(90deg, var(--projects-line) 1px, transparent 1px);background-size:clamp(52px,5vw,84px) clamp(52px,5vw,84px);position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 38%);mask-image:linear-gradient(#000,#0000 38%)}.projects-intro{grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);align-items:end;gap:clamp(2rem,7vw,9rem);max-width:1760px;margin-inline:auto;display:grid}.projects-eyebrow{color:var(--projects-muted);margin:0 0 clamp(1.5rem,3vw,3rem);font-size:clamp(.7rem,.8vw,.88rem)}:root[data-language=en] .projects-eyebrow{letter-spacing:.14em}.projects-intro h2{letter-spacing:-.045em;flex-direction:column;margin:0;font-size:clamp(4rem,10.5vw,12rem);font-weight:400;line-height:.76;display:flex}.projects-intro h2 span:last-child{color:#0000;-webkit-text-stroke:1.5px var(--projects-text)}.projects-intro__description{max-width:520px;color:var(--projects-muted);margin:0 0 .7rem;font-size:clamp(1rem,1.35vw,1.3rem);line-height:1.65}.project-filters{z-index:30;scrollbar-width:none;background:color-mix(in srgb, var(--projects-bg) 88%, transparent);-webkit-backdrop-filter:blur(18px);gap:.6rem;max-width:1760px;margin:clamp(4rem,8vw,8rem) auto clamp(2.5rem,5vw,5rem);padding-block:.8rem;display:flex;position:sticky;inset-block-start:var(--header-height);overflow-x:auto}.project-filters::-webkit-scrollbar{display:none}.project-filters button{border:1px solid var(--projects-line);min-height:42px;color:var(--projects-muted);cursor:pointer;background:0 0;border-radius:999px;flex:none;padding:.65rem 1rem;transition:color .18s,border-color .18s,background-color .18s,transform .18s}.project-filters button:hover{color:var(--projects-text);border-color:var(--projects-text);transform:translateY(-2px)}.project-filters button.is-active{color:var(--projects-bg);border-color:var(--projects-text);background:var(--projects-text)}.projects-stack{max-width:1760px;margin-inline:auto;padding-block-end:18svh}.project-card-stage{display:contents}.project-card{--stack-progress:0;z-index:calc(2 + var(--project-index));border:1px solid var(--projects-line);background:color-mix(in srgb, var(--projects-bg) 91%, var(--accent));min-height:min(70svh,760px);box-shadow:0 -18px 48px color-mix(in srgb, var(--projects-bg) 72%, transparent), 0 22px 70px color-mix(in srgb, var(--projects-text) 8%, transparent);transform:translateY(calc(var(--stack-progress) * -16px)) scale(calc(1 - var(--stack-progress) * .035));transform-origin:top;will-change:transform;border-radius:clamp(1.6rem,3.2vw,3.8rem);margin-block-end:14svh;padding:clamp(1.1rem,2vw,2rem);position:sticky;inset-block-start:calc(var(--header-height) + 72px + var(--project-index) * 18px);overflow:hidden}.project-card-stage:last-child .project-card{margin-block-end:0}.project-card__topline{border-block-end:1px solid var(--projects-line);grid-template-columns:auto 1fr auto;align-items:center;gap:clamp(1rem,2vw,2rem);padding-block-end:1rem;display:grid}.project-card__number{font-size:clamp(1.4rem,2.5vw,2.8rem)}.project-card__kind,.project-card__year{color:var(--projects-muted);font-size:.72rem}:root[data-language=en] .project-card__kind,:root[data-language=en] .project-card__year{letter-spacing:.12em;text-transform:uppercase}.project-card__year{justify-self:end}.project-card__body{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:clamp(1.5rem,3vw,4rem);padding-block-start:clamp(1.3rem,2.5vw,2.6rem);display:grid}.project-art{border:1px solid var(--projects-line);background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 78%, transparent), transparent 65%), var(--projects-bg);border-radius:clamp(1rem,2vw,2.5rem);min-height:clamp(360px,52vh,560px);position:relative;overflow:hidden}.project-art:before{content:"";opacity:.5;background-image:linear-gradient(var(--projects-line) 1px, transparent 1px), linear-gradient(90deg, var(--projects-line) 1px, transparent 1px);background-size:44px 44px;position:absolute;inset:0}.project-art--desktop:before{background-size:64px 32px}.project-art--mobile:before{transform:rotate(-9deg)scale(1.2)}.project-art--systems:before{background-size:30px 30px;transform:rotate(45deg)scale(1.4)}.project-art__bar{z-index:2;border-block-end:1px solid var(--projects-line);background:color-mix(in srgb, var(--projects-bg) 86%, transparent);align-items:center;gap:6px;height:42px;padding-inline:1rem;display:flex;position:absolute;inset-block-start:0;inset-inline:0}.project-art__bar span{border:1px solid var(--projects-text);border-radius:50%;width:7px;height:7px}.project-art__content{z-index:2;place-content:center;justify-items:center;gap:1.25rem;display:grid;position:absolute;inset:42px 0 0}.project-art__content svg{width:clamp(100px,15vw,230px);height:clamp(100px,15vw,230px);color:var(--projects-text)}.project-art__label{color:var(--projects-muted);letter-spacing:.16em;font-size:.7rem}.project-art__scan{z-index:3;background:var(--projects-text);height:1px;box-shadow:0 0 22px var(--accent);opacity:.48;animation:4.2s ease-in-out infinite project-scan;position:absolute;inset-inline:0}.project-card__content{flex-direction:column;min-width:0;display:flex}.project-card__content h3{letter-spacing:-.035em;margin:0 0 clamp(1.5rem,3vw,3rem);font-size:clamp(2.4rem,5vw,6rem);font-weight:400;line-height:.95}.project-detail{border-block-start:1px solid var(--projects-line);grid-template-columns:minmax(90px,.34fr) minmax(0,1fr);gap:1rem;padding-block:1rem;display:grid}.project-detail>span{color:var(--projects-muted);font-size:.72rem}.project-detail p{color:var(--projects-text);margin:0;font-size:clamp(.86rem,1vw,1.02rem);line-height:1.6}.project-technologies{flex-wrap:wrap;gap:.45rem;display:flex}.project-technologies span{border:1px solid var(--projects-line);color:var(--projects-text);border-radius:999px;padding:.45rem .65rem;font-size:.68rem}.project-card__details-label{border-block-start:1px solid var(--projects-line);color:var(--projects-muted);justify-content:space-between;align-items:center;gap:1rem;margin-block-start:auto;padding-block-start:1.2rem;font-size:.78rem;display:flex}.projects-showcase__note{max-width:680px;color:var(--projects-muted);text-align:center;margin:clamp(3rem,8vw,8rem) auto 0;font-size:.82rem;line-height:1.7}:root[data-language=ar] .projects-eyebrow,:root[data-language=ar] .projects-intro h2,:root[data-language=ar] .projects-intro__description,:root[data-language=ar] .project-card__kind,:root[data-language=ar] .project-card__content h3,:root[data-language=ar] .project-detail,:root[data-language=ar] .project-card__details-label,:root[data-language=ar] .projects-showcase__note{letter-spacing:normal;direction:rtl;unicode-bidi:isolate;font-family:Alexandria,sans-serif}:root[data-language=ar] .projects-intro h2{white-space:nowrap;font-size:clamp(3.8rem,8.1vw,9.5rem);font-weight:900;line-height:1.3}:root[data-language=ar] .projects-intro h2 span:last-child{color:var(--projects-text);-webkit-text-stroke:0}:root[data-language=ar] .projects-intro__description,:root[data-language=ar] .project-card__content h3,:root[data-language=ar] .project-detail p,:root[data-language=ar] .projects-showcase__note{line-height:1.65}:root[data-language=ar] .project-card__content h3{font-weight:800}@keyframes project-scan{0%,to{inset-block-start:12%}50%{inset-block-start:88%}}.placeholder-page{min-height:100svh;padding:calc(var(--header-height) + 3rem) clamp(1rem, 7vw, 8rem) 4rem;flex-direction:column;justify-content:center;align-items:flex-start;display:flex;position:relative;overflow:hidden}.placeholder-page h1{margin:0;font-size:clamp(5rem,17vw,16rem);font-weight:400;line-height:.82}:root[data-language=ar] .placeholder-page h1{font-weight:900;line-height:1.3}.placeholder-page>p:not(.eyebrow){max-width:640px;color:var(--muted);margin:2rem 0;font-size:clamp(1rem,1.5vw,1.25rem);line-height:1.65}.page-transition{z-index:1000;opacity:0;visibility:hidden;pointer-events:none;position:fixed;inset:0;overflow:hidden}.page-transition--active{opacity:1;visibility:visible;pointer-events:auto}.page-transition__door{z-index:1;background-color:var(--ivory);background-image:linear-gradient(color-mix(in srgb, var(--forest) 8%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--forest) 8%, transparent) 1px, transparent 1px);will-change:transform;background-size:clamp(52px,5vw,88px) clamp(52px,5vw,88px);width:calc(50% + 1px);position:absolute;inset-block:0;overflow:hidden}.page-transition__door--left{inset-inline-start:0;transform:translate(-101%)}.page-transition__door--right{inset-inline-end:0;transform:translate(101%)}.page-transition__logo{--logo-travel:clamp(48px, 7vw, 124px);z-index:2;aspect-ratio:1308/1203;opacity:0;pointer-events:none;width:clamp(170px,18vw,300px);position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%)}.page-transition__logo-half{object-fit:contain;filter:none;will-change:transform, opacity;width:100%;height:100%;display:block;position:absolute;inset:0}.page-transition__logo-half--left{clip-path:inset(0 50% 0 0);transform:translateX(calc(var(--logo-travel) * -1))}.page-transition__logo-half--right{clip-path:inset(0 0 0 50%);transform:translateX(var(--logo-travel))}.page-transition--route.page-transition--active .page-transition__door--left{animation:1.7s cubic-bezier(.76,0,.24,1) both portal-door-left}.page-transition--route.page-transition--active .page-transition__door--right{animation:1.7s cubic-bezier(.76,0,.24,1) both portal-door-right}.page-transition--route.page-transition--active .page-transition__logo{animation:1.7s both portal-logo-stage}.page-transition--route.page-transition--active .page-transition__logo-half--left{animation:1.7s cubic-bezier(.76,0,.24,1) both portal-logo-left}.page-transition--route.page-transition--active .page-transition__logo-half--right{animation:1.7s cubic-bezier(.76,0,.24,1) both portal-logo-right}.page-transition--intro.page-transition--active .page-transition__door--left{animation:1.35s cubic-bezier(.76,0,.24,1) both portal-intro-door-left}.page-transition--intro.page-transition--active .page-transition__door--right{animation:1.35s cubic-bezier(.76,0,.24,1) both portal-intro-door-right}.page-transition--intro.page-transition--active .page-transition__logo{animation:1.35s both portal-intro-logo-stage}.page-transition--intro.page-transition--active .page-transition__logo-half--left{animation:1.35s cubic-bezier(.76,0,.24,1) both portal-intro-logo-left}.page-transition--intro.page-transition--active .page-transition__logo-half--right{animation:1.35s cubic-bezier(.76,0,.24,1) both portal-intro-logo-right}.mobile-nav{z-index:-1;border-block-end:1px solid var(--line);background:var(--page);opacity:0;visibility:hidden;padding:1rem;transition:opacity .18s,transform .18s,visibility 0s linear .18s;position:fixed;inset-block-start:var(--header-height);inset-inline:0;transform:translateY(-1rem)}.mobile-nav--open{opacity:1;visibility:visible;transition-delay:0s;transform:translateY(0)}.mobile-nav button{border-block-end:1px solid var(--line);text-align:start;align-items:center;gap:1rem;width:100%;padding:1rem;display:flex}.mobile-nav__number{color:var(--muted);font-size:.68rem}@keyframes scroll-pulse{0%{transform:translateY(-120%)}55%,to{transform:translateY(220%)}}@keyframes portal-door-left{0%{transform:translate(-101%)}35%,52%{transform:translate(0)}to{transform:translate(-101%)}}@keyframes portal-door-right{0%{transform:translate(101%)}35%,52%{transform:translate(0)}to{transform:translate(101%)}}@keyframes portal-logo-stage{0%,7%,92%,to{opacity:0}16%,84%{opacity:1}}@keyframes portal-logo-left{0%{transform:translateX(calc(var(--logo-travel) * -1))}35%,52%{transform:translate(0)}to{transform:translateX(calc(var(--logo-travel) * -1))}}@keyframes portal-logo-right{0%{transform:translateX(var(--logo-travel))}35%,52%{transform:translate(0)}to{transform:translateX(var(--logo-travel))}}@keyframes portal-intro-door-left{0%,18%{transform:translate(0)}to{transform:translate(-101%)}}@keyframes portal-intro-door-right{0%,18%{transform:translate(0)}to{transform:translate(101%)}}@keyframes portal-intro-logo-stage{0%,68%{opacity:1}to{opacity:0}}@keyframes portal-intro-logo-left{0%,18%{transform:translate(0)}to{transform:translateX(calc(var(--logo-travel) * -1))}}@keyframes portal-intro-logo-right{0%,18%{transform:translate(0)}to{transform:translateX(var(--logo-travel))}}@media (width<=1080px){:root{--header-height:74px}.site-header{grid-template-columns:1fr auto;padding-inline:1rem}.desktop-nav{display:none}.menu-button,.mobile-nav{display:grid}.mobile-nav{display:block}.hero{height:auto;grid-template-columns:1fr;gap:2.2rem;padding-block-start:calc(var(--header-height) + 3rem);padding-block-end:6rem}.hero-scroll-stage{height:auto}.hero-scroll-stage .hero{position:relative}.hero-scroll-stage .hero-left,.hero-scroll-stage .hero-identity,.hero-scroll-stage .hero-portrait,.hero-scroll-stage .hero-grid,.hero-scroll-stage .hero-meta{opacity:var(--hero-content-visible);transform:none}.hero-scroll-marquee__track{min-height:40px;padding-block:.5rem;font-size:.78rem}.hero-left,.hero-identity{grid-column:1;max-width:680px;padding-block-end:0}.hero-identity{grid-row:1;justify-self:start}.hero-portrait{grid-area:2/1;width:min(100%,680px);margin-inline:auto}.hero-left{grid-row:3}.hero-title{font-size:clamp(4.5rem,18vw,9rem)}.scroll-cue{display:none}.projects-showcase{border-radius:clamp(2rem,6vw,4rem) clamp(2rem,6vw,4rem) 0 0;margin-block-start:0}.projects-showcase--standalone{border-radius:0}.projects-intro{grid-template-columns:1fr}.projects-intro__description{max-width:680px}.project-card-stage,.project-card-stage:last-child{min-height:auto;margin-block-end:2rem;display:block}.project-card{min-height:auto;margin-block-end:0;position:relative;inset-block-start:auto}.project-card__body{grid-template-columns:1fr}}@media (width<=560px){.brand-mark{width:50px;height:46px}.tool-button{min-width:38px;height:38px}.hero{padding-inline:1rem}.hero-title{font-size:clamp(4rem,23vw,7rem)}.hero-description{font-size:.95rem}.projects-showcase{padding-inline:1rem}.projects-intro h2{font-size:clamp(2.75rem,12vw,4.5rem)}:root[data-language=ar] .projects-intro h2{font-size:clamp(2.5rem,11.5vw,4rem)}.projects-intro__description{overflow-wrap:anywhere}.project-filters{margin-block-start:3rem}.project-art{min-height:300px}.project-card__content h3{font-size:clamp(2.2rem,11vw,4rem)}.project-detail{grid-template-columns:1fr;gap:.6rem}.hero-actions{grid-template-columns:1fr 1fr;display:grid}.button{min-height:48px;padding-inline:.9rem;font-size:.86rem}.hero-meta--location{inset-block-end:1.5rem}.placeholder-page h1{font-size:clamp(4.2rem,22vw,7rem)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.hero-scroll-stage{height:auto}.hero-scroll-stage .hero{position:relative}.hero-scroll-stage .hero-left,.hero-scroll-stage .hero-identity,.hero-scroll-stage .hero-portrait,.hero-scroll-stage .hero-grid,.hero-scroll-stage .hero-meta{opacity:1;transform:none}.scroll-portal,.hero-scroll-marquee{display:none}.projects-showcase:not(.projects-showcase--standalone){margin-block-start:0}}