@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&display=swap');
@font-face{font-family:"Montserrat Arabic";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Montserrat-Arabic-Regular.woff2") format("woff2");}
@font-face{font-family:"Montserrat Arabic";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Montserrat-Arabic-Medium.woff2") format("woff2");}
@font-face{font-family:"Montserrat Arabic";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Montserrat-Arabic-SemiBold.woff2") format("woff2");}
@font-face{font-family:"Montserrat Arabic";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Montserrat-Arabic-Bold.woff2") format("woff2");}
@font-face{font-family:"Montserrat Arabic";font-style:normal;font-weight:800;font-display:swap;src:url("assets/fonts/Montserrat-Arabic-ExtraBold.woff2") format("woff2");}
:root{--wine:#5d0b13;--red:#e93f31;--paper:#f0eded;--muted:#a89595;--ease:cubic-bezier(.22,1,.36,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:#250405;background-image:radial-gradient(ellipse at 70% 18%,#600c1480,transparent 48%),radial-gradient(ellipse at 20% 85%,#76170855,transparent 40%);color:var(--wine);font-family:'Montserrat','Montserrat Arabic',sans-serif;font-size:16px}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:2px solid #fb735c;outline-offset:6px}button,a{ -webkit-tap-highlight-color:transparent}.outer-note,.outer-footer{width:min(1400px,94%);margin:auto;display:flex;justify-content:space-between;gap:20px;color:#ba8a8a;font-size:12px;letter-spacing:.09em;direction:ltr}.outer-note{padding:30px 7px 22px}.outer-footer{padding:25px 7px 35px}.site-shell{width:min(1400px,94%);margin:auto;border:1px solid #b77a7870;border-radius:26px;overflow:hidden;background:var(--paper);box-shadow:0 40px 120px #12000090}.reading-progress{position:fixed;inset:0 auto auto 0;height:3px;background:#f8694c;width:100%;transform:scaleX(0);transform-origin:left;z-index:20;pointer-events:none}.hero{height:760px;min-height:650px;position:relative;isolation:isolate;overflow:hidden;background:#a91b1b;color:#fff4ee}.hero-light{position:absolute;inset:-15%;background:radial-gradient(ellipse at 45% 25%,#ff7b50 0,transparent 45%),linear-gradient(120deg,#350006,#db3023 50%,#5b0010);animation:lightDrift 14s ease-in-out infinite alternate;z-index:-3}.hero-portrait{position:absolute;height:112%;width:112%;object-fit:cover;object-position:48% 50%;left:-18%;bottom:-7%;mix-blend-mode:multiply;z-index:-2;transform:translate3d(0,var(--portrait-y,0px),0);will-change:transform}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#34000366,transparent 43%,#370005bb),linear-gradient(0deg,#260006c9,transparent 45%);z-index:-1}.glass{background:linear-gradient(130deg,#fff2 0%,#ffffff09 60%,#fff1);border:1px solid #ffffff45;box-shadow:inset 0 1px 0 #ffffff28,0 14px 34px #26000016;backdrop-filter:blur(20px) saturate(1.35);-webkit-backdrop-filter:blur(20px) saturate(1.35)}header{position:absolute;top:24px;left:28px;right:28px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:15px 24px;border-radius:100px;direction:ltr;animation:enter 1s var(--ease) both}.logo{font-size:35px;line-height:1;font-weight:800;letter-spacing:-3px;display:inline-flex;align-items:center;gap:8px}.logo span{font-size:23px;letter-spacing:0;color:#ff8c71}nav{display:flex;gap:32px;font-size:14px}nav a{position:relative}nav a:after{content:'';height:1px;position:absolute;bottom:-5px;left:0;width:100%;background:currentColor;transform:scaleX(0);transition:transform .4s var(--ease)}nav a:hover:after{transform:scaleX(1)}#language{background:#ffffff12;border:1px solid #ffffff40;border-radius:25px;padding:9px 15px;color:inherit;cursor:pointer;font-size:14px;transition:background .3s}#language:hover{background:#ffffff30}.micro{font-size:12px;letter-spacing:.07em}.hero-caption{position:absolute;left:4%;top:35%;max-width:180px;animation:enter 1.2s .3s var(--ease) both}.hero-caption p{font-size:23px;line-height:1.55;margin:15px 0;white-space:pre-line}.hero-title{position:absolute;right:4.5%;top:26%;width:45%;text-align:start;animation:enter 1.3s .18s var(--ease) both}.hero-title h1{font-size:clamp(44px,4.8vw,72px);font-weight:500;line-height:1.45;letter-spacing:-.06em;margin:19px 0 22px}.hero-title h1 span,.hero-title h1 em{display:block}.hero-title h1 em{font-style:normal;color:#ffbeb0}.round-link{display:flex;align-items:center;gap:22px;font-size:14px}.round-link b{width:49px;height:49px;display:grid;place-items:center;border:1px solid #ffffff80;border-radius:50%;font-size:28px;font-weight:400;transition:transform .4s,background .4s}.round-link:hover b{transform:rotate(45deg);background:#ffffff25}.hero-bottom{position:absolute;bottom:30px;left:4%;right:4%;display:flex;justify-content:space-between;align-items:flex-end;gap:20px;direction:ltr}.identity-card{width:213px;padding:21px;border-radius:17px;display:grid;gap:17px;animation:enter 1.4s .4s var(--ease) both}.identity-card strong{font-weight:500;font-size:27px;line-height:1.04;letter-spacing:-1.4px}.identity-card>span:last-child{font-size:12px;line-height:1.6}.hero-tags{display:flex;flex-wrap:wrap;gap:8px;padding:12px;border-radius:40px;animation:enter 1.4s .5s var(--ease) both}.hero-tags span{font-size:12px;padding:8px 12px;border:1px solid #fff4;border-radius:20px}.scroll-cue{width:42px;height:42px;border:1px solid #ffffff50;border-radius:50%;display:grid;place-items:center;font-size:23px;animation:bob 2s ease-in-out infinite}.ticker{overflow:hidden;background:#650c13;color:#f5c2b9;padding:16px 0;direction:ltr}.ticker>div{display:flex;align-items:center;gap:55px;width:max-content;animation:marquee 26s linear infinite}.ticker span{font-size:13px;letter-spacing:.15em}.ticker b{font-size:24px;color:#fa6955}.light-section{padding:66px 5% 30px}.section-label{display:flex;justify-content:space-between;gap:20px;font-size:12px;letter-spacing:.055em;padding-bottom:25px;border-bottom:1px solid #5d0b1325}.statement{position:relative;margin:52px 0 45px;text-align:center}.red-star{position:absolute;inset:7px auto auto 0;color:#c82224;font-size:65px;animation:rotate 24s linear infinite}h2{font-size:clamp(32px,4.2vw,62px);font-weight:500;line-height:1.45;letter-spacing:-.065em;margin:0}h2 em{font-style:normal;color:#a48d8d}.work-preview{display:grid;grid-template-columns:1.15fr 1fr;gap:5%;align-items:center;max-width:970px;margin:auto;direction:ltr}.preview-image{position:relative;aspect-ratio:1.3;background:linear-gradient(130deg,#eb8262,#900e19);border-radius:20px;overflow:hidden}.preview-image img{width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply;transition:transform 1.2s var(--ease)}.preview-image:hover img{transform:scale(1.06)}.preview-label{position:absolute;bottom:18px;left:18px;right:18px;border-radius:50px;padding:13px 14px;color:#fff4ee;font-size:12px;text-align:center}.preview-info{direction:rtl}.preview-info h3{font-size:30px;line-height:1.6;font-weight:500;letter-spacing:-.04em;white-space:pre-line;margin:16px 0}.preview-info p{font-size:16px;color:#886f70;line-height:1.9;max-width:330px}.fine-rule{display:block;width:65px;border-top:1px solid #ac8e8e;margin:25px 0}.craft{padding-top:85px}.center-title{text-align:center;margin:45px 0 55px}.craft-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;direction:ltr;align-items:center}.craft-card{position:relative;min-height:415px;border-radius:21px;overflow:hidden;color:#ffebe6;padding:20px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 20px 25px #47060b10;transition:box-shadow .4s,transform .5s var(--ease);isolation:isolate}.card-film{background:linear-gradient(145deg,#200b12,#972b28 70%,#e78859)}.card-motion{background:linear-gradient(145deg,#630414,#f5442d 65%,#9c160e);min-height:465px}.card-ai{background:linear-gradient(145deg,#a74927,#49071c 65%,#22060c)}.craft-card:before{content:'';position:absolute;inset:0;background:linear-gradient(115deg,transparent 15%,#ffffff16 43%,transparent 70%);transform:translateX(-110%);animation:sheen 8s ease-in-out infinite;z-index:-1}.card-top{display:flex;align-items:center;justify-content:space-between;font-size:12px}.pill{border:1px solid #ffffff60;border-radius:40px;padding:8px 12px;font-size:12px}.type-art{font-size:clamp(26px,3.8vw,56px);line-height:1.05;letter-spacing:-.07em;font-weight:600;padding:45px 0;text-align:center}.type-art i{font-style:normal;-webkit-text-stroke:1px #ffd4c5;color:transparent}.motion-type{animation:typeFloat 5s ease-in-out infinite}.card-caption{border-radius:15px;padding:20px;direction:rtl}.card-caption h3{font-size:26px;line-height:1.4;font-weight:500;white-space:pre-line;margin:0 0 12px}.card-caption p{font-size:14px;line-height:1.7;margin:0;color:#ffddd5}.about{padding-top:85px;padding-bottom:65px}.about-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:8%;align-items:center;margin-top:50px}.about-copy h2{font-size:clamp(30px,3.7vw,52px)}.about-copy p{font-size:17px;line-height:2;color:#806667;max-width:470px;margin:25px 0}.signature{display:flex;align-items:center;gap:30px;font-size:26px;letter-spacing:-.07em}.signature span{color:#c82928;font-size:38px}.about-photo{position:relative;aspect-ratio:1;background:linear-gradient(140deg,#d78d77,#5c0613);border-radius:21px;overflow:hidden}.about-photo img{width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply;transition:transform 1.2s var(--ease)}.about-photo:hover img{transform:scale(1.04)}.photo-note{position:absolute;bottom:20px;left:20px;right:20px;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;border-radius:14px;padding:17px;color:white;font-size:12px}footer{border-top:1px solid #5d0b1325;margin:0 5%;padding:26px 0;display:flex;align-items:center;justify-content:space-between;gap:20px;direction:ltr}footer>span{font-size:12px}footer .logo span{color:#c52b29}.back-top{font-size:14px}.reveal{opacity:1}.motion-ready .reveal{opacity:0;transform:translateY(30px);transition:opacity .95s var(--ease),transform .95s var(--ease)}.motion-ready .reveal.visible{opacity:1;transform:translateY(0)}.craft-grid .reveal:nth-child(2){transition-delay:.1s}.craft-grid .reveal:nth-child(3){transition-delay:.2s}html[lang=en] .hero-title{width:46%}html[lang=en] .hero-title h1{line-height:1.02;font-size:clamp(47px,5.4vw,81px);letter-spacing:-.075em;margin:24px 0 27px}html[lang=en] h2{line-height:1.12}html[lang=en] .preview-info,html[lang=en] .card-caption{direction:ltr}html[lang=en] .preview-info h3{line-height:1.15}html[lang=ar] nav{direction:rtl}@keyframes enter{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes lightDrift{to{transform:translate(4%,3%) scale(1.09)}}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes bob{50%{transform:translateY(7px)}}@keyframes typeFloat{50%{transform:translateY(-8px)}}@keyframes sheen{0%,45%{transform:translateX(-110%)}90%,100%{transform:translateX(110%)}}
@media(min-width:1600px){.hero-title h1{font-size:72px}}@media(max-width:900px){.hero{height:730px}.hero-caption{display:none}.hero-title{width:52%;top:27%}.hero-portrait{left:-28%;width:125%}.hero-title h1{font-size:48px}.hero-tags{max-width:310px;border-radius:20px}.craft-grid{gap:12px}.craft-card{padding:12px;min-height:370px}.card-motion{min-height:410px}.card-caption{padding:14px}.card-caption h3{font-size:21px}.card-top>span:last-child{display:none}.type-art{font-size:34px}.about-grid{gap:5%}.red-star{font-size:45px}}@media(max-width:600px){.site-shell{width:95%;border-radius:20px}.outer-note{font-size:12px;padding:18px 3px 14px}.outer-note>span:first-child{max-width:230px;line-height:1.6}.outer-note>span:last-child{display:none}.hero{height:810px;min-height:0}header{top:14px;left:12px;right:12px;padding:12px 15px;gap:12px}header .logo{font-size:30px}header .logo span{font-size:20px}nav{gap:15px;font-size:14px}#language{padding:7px 11px;font-size:12px}.hero-portrait{height:84%;width:165%;left:-47%;bottom:0;object-position:center}.hero-shade{background:linear-gradient(180deg,#3400068c,transparent 50%,#230006de),linear-gradient(90deg,transparent 35%,#45000b80)}.hero-title{top:135px;right:7%;width:86%;text-align:start}.hero-title h1{font-size:43px;line-height:1.4;margin:15px 0 20px}.hero-title h1 em{color:#ffd1c2}.hero-title .micro{font-size:12px}.round-link{font-size:14px;gap:15px}.round-link b{width:43px;height:43px}.hero-bottom{left:6%;right:6%;bottom:25px;gap:12px;align-items:flex-end;flex-wrap:wrap}.identity-card{width:170px;padding:16px;gap:13px}.identity-card strong{font-size:25px}.hero-tags{max-width:145px;border-radius:16px;padding:9px;gap:6px}.hero-tags span{font-size:12px;padding:6px 8px}.scroll-cue{display:none}.ticker{padding:12px 0}.ticker>div{gap:30px}.ticker span{font-size:12px}.light-section{padding:40px 6% 20px}.section-label{font-size:12px;line-height:1.6;gap:15px}.section-label>span:last-child{text-align:end}.statement{margin:40px 0 30px;padding-top:30px}.red-star{font-size:32px;top:-5px;left:0}h2{font-size:32px;letter-spacing:-.055em}.work-preview{grid-template-columns:1fr;gap:27px}.preview-image{aspect-ratio:1.2}.preview-info h3{font-size:27px}.preview-info p{max-width:none}.preview-info .fine-rule{margin:18px 0}.center-title{margin:35px 0}.craft-grid{grid-template-columns:1fr;gap:20px}.craft-card,.card-motion{min-height:390px;padding:20px}.type-art{font-size:56px;padding:35px 0}.card-top>span:last-child{display:block}.card-caption{padding:20px}.card-caption h3{font-size:25px}.card-caption p{font-size:15px}.about-grid{grid-template-columns:1fr;gap:30px;margin-top:35px}.about-copy h2{font-size:35px}.about-photo{aspect-ratio:1.15}.about{padding-bottom:35px}.about-copy p{font-size:16px}footer{flex-wrap:wrap;padding:24px 0;gap:25px}footer>span{font-size:12px}.outer-footer{font-size:12px;line-height:1.7;gap:25px}.outer-footer span:first-child{max-width:190px}html[lang=en] .hero-title{width:86%}html[lang=en] .hero-title h1{font-size:clamp(45px,11.8vw,70px)}html[lang=en] h2{font-size:34px}.craft-grid .reveal:nth-child(n){transition-delay:0s}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before{animation:none!important;transition:none!important}.motion-ready .reveal{opacity:1;transform:none}.hero-portrait{transform:none!important}}
.resume{padding-top:35px;padding-bottom:65px}.resume-heading{display:grid;grid-template-columns:1fr 1.6fr;align-items:center;gap:45px;margin:40px 0}.resume-heading strong{display:flex;align-items:center;gap:20px;font-size:75px;letter-spacing:-.07em;font-weight:500;direction:ltr;line-height:1.3}.resume-heading strong span{color:#b89797;font-size:48px}.resume-heading h2{font-size:40px}.resume-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.resume-panel{min-width:0;padding:28px;border:1px solid #ffffffaa;border-radius:19px;background:linear-gradient(130deg,#ffffff85,#ffffff28);box-shadow:0 12px 30px #45060c08;backdrop-filter:blur(15px)}.resume-panel>.micro{color:#977273}.resume-panel h3{font-weight:500;font-size:24px;line-height:1.55;letter-spacing:-.035em;margin:18px 0}.resume-panel p{font-size:16px;line-height:1.9;color:#806667;margin:12px 0 0}.software-list{list-style:none;margin:24px 0 0;padding:0}.software-list li{padding:12px 0;border-top:1px solid #5d0b131b;font-size:16px;display:flex;justify-content:space-between;gap:15px}.level{font-size:14px;color:#806667}.tool-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}.tool-chips span{padding:12px 17px;border-radius:30px;border:1px solid #5d0b1325;font-size:16px;background:#fff5}.language-row+.language-row{border-top:1px solid #5d0b131b;margin-top:22px;padding-top:5px}.language-row h3{font-size:20px;margin-bottom:5px}.language-row p{margin-top:0}.contact{background:radial-gradient(ellipse at top right,#a12625,transparent 70%),#510911;color:#fff0eb;padding:50px 5% 60px}.contact .section-label{border-color:#ffffff35}.contact-heading{display:flex;align-items:center;justify-content:space-between;gap:30px;margin:35px 0}.contact-heading h2{max-width:800px;font-size:46px}.contact-heading>span{font-size:85px;font-weight:400}.contact-links{display:grid;grid-template-columns:1.3fr 1fr;gap:20px}.contact-link{border-radius:18px;display:grid;grid-template-columns:1fr auto;gap:15px;padding:25px;min-width:0;transition:background .3s,transform .3s}.contact-link:hover{background:#ffffff22;transform:translateY(-4px)}.contact-link .micro{grid-column:1/-1}.contact-link strong{font-size:clamp(14px,1.7vw,23px);font-weight:500;overflow-wrap:anywhere;min-width:0;text-align:start}.contact-link>span:last-child{font-size:25px}header nav{gap:23px}html[lang=en] .resume-heading h2{font-size:42px}@media(max-width:900px){header nav{gap:16px}.resume-heading{gap:25px}.resume-heading h2,html[lang=en] .resume-heading h2{font-size:32px}.contact-links{grid-template-columns:1fr}.contact-link strong{font-size:22px}}@media(max-width:600px){header{flex-wrap:wrap;border-radius:22px;row-gap:12px}header nav{order:3;width:100%;justify-content:space-between;gap:8px;font-size:14px}.hero-title{top:170px}.resume-heading{grid-template-columns:1fr;gap:20px;margin:30px 0}.resume-heading strong{font-size:65px}.resume-heading h2,html[lang=en] .resume-heading h2{font-size:30px}.resume-grid{grid-template-columns:1fr;gap:16px}.resume-panel{padding:22px}.resume-panel h3{font-size:22px}.resume{padding-bottom:35px}.contact{padding:35px 6%}.contact-heading h2{font-size:33px}.contact-heading>span{font-size:45px}.contact-link{padding:20px}.contact-link strong{font-size:17px}.contact-heading{gap:15px}.software-list li{font-size:15px}}

html[lang=ar] body{font-family:'Montserrat Arabic','Montserrat',sans-serif}html[lang=ar] [dir=ltr],html[lang=ar] .micro,html[lang=ar] .pill,html[lang=ar] .type-art,html[lang=ar] .hero-tags,html[lang=ar] .section-label>span:first-child{font-family:'Montserrat','Montserrat Arabic',sans-serif}html[lang=ar] h1,html[lang=ar] h2,html[lang=ar] h3,html[lang=ar] p,html[lang=ar] [data-ar]{letter-spacing:normal}html[lang=en] .hero-title h1{font-size:clamp(43px,4.7vw,70px);letter-spacing:-.065em}.clients-banner{padding:48px 5% 8px;background:var(--paper)}.clients-heading{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:24px}.clients-heading .micro{color:#987475}.clients-heading h2{font-size:29px;margin:8px 0 0;letter-spacing:-.045em}.sample-badge{font-size:12px;padding:9px 13px;border:1px solid #5d0b1325;border-radius:30px;color:#896a6c;line-height:1.6}.client-glass{position:relative;overflow:hidden;border:1px solid #fff9;border-radius:23px;background:radial-gradient(ellipse at 25% -25%,#dc665466,transparent 65%),linear-gradient(130deg,#6d1723ee,#350710f7);box-shadow:inset 0 1px 0 #fff5,0 16px 35px #530b121c;color:#ffede6;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}.client-marquee{overflow:hidden;direction:ltr;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}.client-track{display:flex;width:max-content;animation:clientFlow 32s linear infinite;will-change:transform}.client-logo-group{display:flex;flex:none;align-items:center}.client-logo{width:205px;height:147px;flex:none;display:flex;align-items:center;justify-content:center;gap:11px;font-family:'Montserrat',sans-serif;font-size:29px;font-weight:700;letter-spacing:-1px;transition:color .35s,transform .35s;opacity:.87}.client-logo:hover{color:#ffac92;transform:translateY(-4px);opacity:1}.logo-glyph{font-size:38px;font-weight:400}.logo-axis{font-weight:500;font-size:37px}.logo-form{font-weight:400;letter-spacing:4px}.logo-nova{font-weight:800;letter-spacing:1px}.logo-luma{font-weight:500;letter-spacing:3px}.logo-mono{font-weight:800;font-size:27px;letter-spacing:-2px}.client-banner-footer{border-top:1px solid #ffffff20;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:12px 25px;background:#ffffff06;font-size:12px;color:#e7b5b2}.client-banner-footer button{border:1px solid #ffffff40;color:#fff0e8;background:#ffffff0d;width:33px;height:33px;border-radius:50%;font-size:14px;cursor:pointer}.client-banner-footer button:hover{background:#ffffff25}.client-glass:hover .client-track,.client-glass:focus-within .client-track,.client-glass.is-paused .client-track{animation-play-state:paused}@keyframes clientFlow{to{transform:translateX(-50%)}}@media(max-width:900px){.clients-heading{align-items:start;flex-direction:column;gap:16px}.clients-heading h2{font-size:27px}}@media(max-width:600px){.clients-banner{padding:34px 6% 0}.clients-heading h2,html[lang=en] .clients-heading h2{font-size:24px}.client-logo{width:165px;height:115px;font-size:24px}.logo-axis{font-size:30px}.logo-glyph{font-size:30px}.client-banner-footer{padding:12px 16px;font-size:12px;line-height:1.8}.client-banner-footer button{flex:none}.client-glass{border-radius:19px}.hero-title h1{font-size:39px}html[lang=en] .hero-title h1{font-size:clamp(39px,10.4vw,62px)}}@media(prefers-reduced-motion:reduce){.client-track{animation:none!important}.client-marquee{overflow-x:auto;mask-image:none;-webkit-mask-image:none}.client-logo-group[aria-hidden=true]{display:none}#client-motion{display:none}}

/* Mobile layout: natural document flow, touch-sized controls and lighter effects. */
.menu-toggle{display:none}img{max-width:100%}h1,h2,h3,p{overflow-wrap:break-word}section{min-width:0}.client-glass:focus-within .client-track{animation-play-state:running}.client-glass.is-paused .client-track{animation-play-state:paused}
@media(hover:hover){.client-glass:hover .client-track{animation-play-state:paused}}
@media(max-width:760px){
.site-shell{width:calc(100% - 20px);border-radius:22px;box-shadow:0 20px 60px #12000060}.outer-note,.outer-footer{width:calc(100% - 40px)}.outer-note{padding:18px 0 14px}.outer-note>span:first-child{font-size:12px;line-height:1.6;max-width:250px}.outer-note>span:last-child{display:none}
.hero{height:auto;min-height:780px;min-height:max(780px,100svh);display:flex;flex-direction:column;padding-bottom:20px}.hero-light{animation:none;inset:0}.hero-portrait{width:150%;max-width:none;height:590px;left:-36%;bottom:38px;object-position:center;transform:none;will-change:auto}.hero-shade{background:linear-gradient(180deg,#31000ce8 0%,#45000b88 35%,transparent 55%,#240008e6 100%)}
header{position:relative;top:auto;left:auto;right:auto;margin:14px 14px 0;padding:10px 14px;border-radius:22px;display:grid;grid-template-columns:1fr auto auto;gap:8px 12px;align-items:center;flex:none;animation:none;z-index:3}header .logo{font-size:30px;width:fit-content;min-height:44px}header .logo span{font-size:22px}#language{grid-column:2;grid-row:1;font-size:14px;min-height:44px;min-width:64px;padding:9px 12px}.menu-toggle{display:flex;grid-column:3;grid-row:1;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:44px;height:44px;padding:10px;background:#ffffff12;border:1px solid #ffffff40;border-radius:50%;color:inherit;cursor:pointer}.menu-toggle span{width:18px;height:1px;background:currentColor;transition:transform .25s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}header nav{display:none;grid-column:1/-1;grid-row:2;order:initial;width:100%;border-top:1px solid #ffffff25;padding:10px 0 2px;gap:3px;grid-template-columns:1fr 1fr}header.menu-open nav{display:grid}header nav a{display:flex;align-items:center;min-height:46px;padding:10px 14px;border-radius:12px;background:#ffffff07;font-size:14px}header nav a:last-child{grid-column:1/-1}header nav a:after{display:none}
.hero-title,html[lang=en] .hero-title{position:relative;top:auto;right:auto;width:auto;margin:32px 24px 0;text-align:start;animation:enter .7s var(--ease) both}.hero-title .micro{display:block;font-size:12px;line-height:1.8;max-width:100%}.hero-title h1{font-size:clamp(30px,8.7vw,48px);line-height:1.42;margin:15px 0 18px}.hero-title h1 em{color:#ffd1c2}html[lang=en] .hero-title h1{font-size:clamp(35px,9.6vw,60px);line-height:1.08;margin:18px 0 22px}.round-link{min-height:48px;gap:16px;font-size:14px}.round-link b{width:46px;height:46px;flex:none}
.hero-bottom{position:relative;left:auto;right:auto;bottom:auto;margin:auto 20px 0;padding-top:160px;display:grid;grid-template-columns:1fr;gap:14px;align-items:stretch}.identity-card{width:100%;padding:15px 18px;display:grid;grid-template-columns:1fr 1fr;gap:9px 20px;align-items:center;animation:none;border-radius:16px}.identity-card .micro{grid-column:1;grid-row:1}.identity-card strong{grid-column:2;grid-row:1/3;font-size:25px;line-height:1.1;text-align:end}.identity-card>span:last-child{grid-column:1;grid-row:2;font-size:12px;line-height:1.6}.hero-tags{max-width:none;width:100%;border:0;box-shadow:none;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;padding:0;gap:7px;justify-content:center;animation:none;border-radius:0}.hero-tags span{font-size:12px;padding:7px 9px;background:#ffffff0b}.scroll-cue{display:none}.glass{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.light-section{padding:44px 22px 18px}.section-label{font-size:12px;line-height:1.7;gap:12px;flex-wrap:wrap;padding-bottom:18px}.section-label>span:last-child{text-align:start}.statement{margin:26px 0 30px;padding-top:36px}.red-star{font-size:30px;top:0;left:0;animation:none}h2,html[lang=en] h2{font-size:clamp(25px,6.8vw,35px);line-height:1.45}html[lang=en] h2{line-height:1.2}.work-preview{grid-template-columns:minmax(0,1fr);gap:24px}.preview-image{aspect-ratio:1.2;border-radius:18px}.preview-label{left:12px;right:12px;bottom:12px;font-size:12px;line-height:1.6;padding:11px;border-radius:14px}.preview-info h3{font-size:25px;line-height:1.55}.preview-info p,.about-copy p,.resume-panel p{font-size:16px;line-height:1.9;max-width:none}.center-title{margin:30px 0}.craft-grid{grid-template-columns:minmax(0,1fr);gap:16px}.craft-card,.card-motion{min-height:0;padding:16px;border-radius:19px}.card-top>span:last-child{display:block}.type-art{font-size:clamp(35px,10vw,54px);padding:32px 0;animation:none}.card-caption{padding:18px;border-radius:13px}.card-caption h3{font-size:23px;line-height:1.45}.card-caption p{font-size:15px;line-height:1.7}.craft-card:before{animation:none;display:none}.about-grid{grid-template-columns:minmax(0,1fr);gap:28px;margin-top:28px}.about-copy h2,html[lang=en] .about-copy h2{font-size:clamp(28px,7.5vw,38px)}.about-copy p{margin:20px 0}.signature{font-size:24px}.about-photo{aspect-ratio:1.1;border-radius:18px}.photo-note{left:12px;right:12px;bottom:12px;padding:14px;gap:12px;font-size:12px;line-height:1.7}.resume{padding-top:35px;padding-bottom:36px}.resume-heading{grid-template-columns:minmax(0,1fr);gap:18px;margin:25px 0}.resume-heading strong{font-size:60px;line-height:1.2}.resume-heading h2,html[lang=en] .resume-heading h2{font-size:29px}.resume-grid{grid-template-columns:minmax(0,1fr);gap:14px}.resume-panel{padding:22px;border-radius:17px;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:0 6px 15px #45060c06}.resume-panel h3{font-size:22px;line-height:1.6}.software-list li{font-size:14px;flex-wrap:wrap;gap:8px;padding:14px 0}.tool-chips{gap:8px}.tool-chips span{font-size:14px;padding:10px 13px}.contact{padding:36px 22px}.contact-heading{gap:15px;margin:26px 0}.contact-heading h2,html[lang=en] .contact-heading h2{font-size:29px}.contact-heading>span{font-size:38px;flex:none}.contact-links{grid-template-columns:minmax(0,1fr);gap:14px}.contact-link{padding:18px;gap:12px;border-radius:16px}.contact-link strong{font-size:clamp(13px,3.8vw,18px);line-height:1.6}.contact-link>span:last-child{font-size:22px}.back-top{display:flex;align-items:center;min-height:44px}footer{margin:0 22px;padding:22px 0;gap:18px;flex-wrap:wrap}footer>span{font-size:12px;line-height:1.7}footer .logo{font-size:30px}.outer-footer{padding:20px 0 25px;gap:18px;font-size:12px;line-height:1.7}
.clients-banner{padding:34px 22px 0}.clients-heading{gap:14px;align-items:flex-start;flex-direction:column;margin-bottom:18px}.clients-heading h2,html[lang=en] .clients-heading h2{font-size:24px;line-height:1.5}.sample-badge{font-size:12px;padding:7px 11px}.client-glass{border-radius:18px;backdrop-filter:none;-webkit-backdrop-filter:none}.client-logo{width:160px;height:108px;font-size:24px}.logo-glyph{font-size:30px}.client-banner-footer{padding:10px 14px;gap:12px;font-size:12px;line-height:1.8}.client-banner-footer button{width:44px;height:44px;flex:none}.client-track{animation-duration:38s}.client-glass:hover .client-track{animation-play-state:running}.client-glass.is-paused .client-track{animation-play-state:paused}.ticker>div{animation:none}.ticker{padding:12px 0}.ticker span{font-size:12px}.ticker b{font-size:22px}.motion-ready .reveal{transform:translateY(14px);transition-duration:.55s}.craft-grid .reveal:nth-child(n){transition-delay:0s}
}
@media(max-width:360px){.hero-title{margin-inline:18px}.hero-title h1{font-size:29px}html[lang=en] .hero-title h1{font-size:32px}.hero-bottom{margin-inline:14px}.identity-card{gap:8px 12px;padding:14px}.identity-card strong{font-size:22px}.light-section{padding-inline:18px}.clients-banner,.contact{padding-inline:18px}.hero-tags span{font-size:12px;padding:6px}.resume-panel{padding:18px}}
@media(prefers-reduced-motion:reduce){.motion-ready .reveal{transform:none;opacity:1}.hero-title{animation:none}.menu-toggle span{transition:none}}

/* Two identical, full-width groups keep the word ribbon continuous. */
.ticker{--ticker-gap:32px}.ticker>.ticker-track{display:flex;width:max-content;gap:0;animation:wordRibbon 48s linear infinite}.ticker-group{display:flex;align-items:center;flex:none;gap:var(--ticker-gap);padding-right:var(--ticker-gap);min-width:1400px}.ticker-group>span{white-space:nowrap}.ticker-group>b{flex:none}@keyframes wordRibbon{to{transform:translateX(-50%)}}@media(max-width:760px){.ticker{--ticker-gap:24px}.ticker>.ticker-track{animation-duration:58s}}@media(prefers-reduced-motion:reduce){.ticker>.ticker-track{animation:none!important}}
/* Shared bilingual alignment for the opening composition. */
.hero-title{display:flex;flex-direction:column;align-items:stretch;text-align:start}.hero-title>.micro{line-height:1.8;letter-spacing:.035em}.hero-title h1{width:100%;margin:22px 0 28px}.hero-title .round-link{align-self:flex-start;justify-content:flex-start;width:fit-content;min-height:48px}.hero-caption{text-align:start}.hero-caption p{margin:16px 0 0;line-height:1.55}.identity-card{direction:inherit;text-align:start}.identity-card strong{text-align:start}.hero-tags{direction:ltr}.hero-tags span{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}
@media(min-width:761px){
.hero{height:780px;min-height:780px}header{display:grid;grid-template-columns:1fr auto 1fr;gap:24px;padding-inline:24px}header .logo{justify-self:start}header nav{justify-self:center;align-items:center}header #language{justify-self:end;min-height:44px}.hero-title,html[lang=en] .hero-title{top:25%;left:50%;right:4%;width:auto}.hero-title h1,html[lang=en] .hero-title h1{font-size:clamp(42px,4.65vw,65px);font-weight:500;line-height:1.12;letter-spacing:-.055em;margin:22px 0 28px}html[lang=ar] .hero-title h1{font-size:clamp(40px,4.4vw,61px);line-height:1.48;letter-spacing:0}.hero-title .round-link{gap:18px}.hero-caption{top:25%;left:4%;width:19%;max-width:220px}.hero-caption .micro{display:block;line-height:1.8;letter-spacing:.025em}.hero-caption p{font-size:clamp(17px,1.7vw,23px);line-height:1.55}.hero-bottom{left:4%;right:4%;bottom:30px;display:grid;grid-template-columns:1fr 1fr;column-gap:0;align-items:end}.identity-card{grid-column:1;grid-row:1;width:215px;padding:20px;gap:14px;justify-self:start}.identity-card .micro{line-height:1.7}.identity-card strong{font-size:27px;line-height:1.12}.identity-card>span:last-child{line-height:1.7}.hero-tags{grid-column:2;grid-row:1;justify-self:start;max-width:100%;padding:10px;gap:6px;border-radius:22px;justify-content:flex-start}.hero-tags span{font-size:12px;padding:8px 10px}html[lang=ar] .hero-bottom .identity-card{direction:rtl}html[lang=ar] .hero-tags{justify-self:end}.scroll-cue{position:absolute;left:calc(50% - 68px);bottom:0}.hero-title .round-link b{flex:none}.hero-bottom .identity-card strong{direction:ltr;text-align:start}html[lang=ar] .hero-bottom .identity-card strong{text-align:right}
}
@media(min-width:761px) and (max-width:1000px){.hero-caption{display:none}.hero{height:730px;min-height:730px}.hero-title,html[lang=en] .hero-title{left:46%;right:5%;top:25%}.hero-title>.micro{font-size:12px}.hero-title h1,html[lang=en] .hero-title h1{font-size:clamp(35px,4.4vw,44px)}html[lang=ar] .hero-title h1{font-size:40px}.hero-bottom{grid-template-columns:46% 54%}.hero-tags{flex-wrap:wrap;border-radius:18px}.scroll-cue{display:none}header{grid-template-columns:auto 1fr auto;gap:18px}header nav{gap:16px;font-size:13px}}
@media(max-width:760px){.hero-title>.micro{line-height:1.8}.hero-title .round-link{margin-top:0}.hero-title h1{margin:16px 0 22px}.hero-bottom .identity-card{direction:ltr}.hero-bottom .identity-card strong{text-align:end}.hero-bottom .identity-card [data-ar]{text-align:start;direction:inherit}html[lang=ar] .hero-bottom .identity-card [data-ar]{direction:rtl;text-align:right}.hero-tags{justify-content:center}.hero-title .round-link b{flex:none}}
/* Center the portrait and reserve both sides for copy. */
@media(min-width:761px){
.hero-portrait{left:0;bottom:0;width:100%;max-width:none;height:100%;object-fit:cover;object-position:50% 50%}.hero-shade{background:linear-gradient(90deg,#350008b8 0%,#35000830 28%,transparent 40%,transparent 60%,#35000835 70%,#350008bd 100%),linear-gradient(0deg,#260006b0,transparent 35%)}.hero-title,html[lang=en] .hero-title{left:68%;right:4%;width:auto;top:28%}.hero-title h1,html[lang=en] .hero-title h1{font-size:clamp(28px,3.15vw,44px);line-height:1.16;margin:20px 0 26px}html[lang=ar] .hero-title h1{font-size:clamp(28px,3.15vw,44px);line-height:1.5}.hero-title>.micro{font-size:12px;line-height:1.8;max-width:100%;letter-spacing:.015em}.hero-title .round-link{gap:12px;font-size:13px}.hero-title .round-link b{width:42px;height:42px;font-size:25px}.hero-caption{display:block;left:4%;top:28%;width:22%;max-width:240px}.hero-caption p{font-size:clamp(17px,1.7vw,23px)}.hero-bottom{grid-template-columns:28% 40% 32%}.identity-card{grid-column:1;max-width:100%}.hero-tags{grid-column:3;justify-self:stretch;justify-content:center;border-radius:18px;flex-wrap:wrap;max-width:100%;gap:6px;padding:10px}.hero-tags span{font-size:12px;padding:7px 9px}html[lang=ar] .hero-tags{justify-self:stretch}.scroll-cue{left:calc(50% - 21px);bottom:0}
}
@media(min-width:761px) and (max-width:1000px){.hero-title,html[lang=en] .hero-title{left:67%;right:3%}.hero-caption{left:3%;width:22%}.hero-title .round-link{flex-wrap:wrap;font-size:12px}.hero-title h1,html[lang=en] .hero-title h1,html[lang=ar] .hero-title h1{font-size:29px}.hero-caption p{font-size:18px}.hero-bottom{left:3%;right:3%}.identity-card{width:190px;padding:16px}.hero-tags span{font-size:12px}.scroll-cue{display:none}}
@media(max-width:760px){
.hero{min-height:0;padding-bottom:22px}.hero header{order:0}.hero-title,html[lang=en] .hero-title{order:1}.hero-portrait{position:relative;order:2;left:auto;bottom:auto;width:100%;height:360px;flex:none;object-fit:cover;object-position:50% 45%;margin-top:10px;z-index:-2}.hero-bottom{order:3;padding-top:0;margin-top:-35px}.hero-shade{background:linear-gradient(180deg,#31000cce 0%,#45000b40 36%,transparent 56%,#240008b0 100%)}
}

.software-panel{grid-column:1/-1}.software-glass-banner{margin-top:26px;padding:20px;border-radius:22px;border:1px solid #ffffff65;background:radial-gradient(ellipse at 15% 0%,#bd554c66,transparent 65%),linear-gradient(130deg,#6b1521,#300711);box-shadow:inset 0 1px 0 #ffffff50,0 16px 30px #4e0a1815;position:relative;overflow:hidden}.software-logo-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.software-logo-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:28px 10px 23px;min-width:0;text-align:center;border-radius:17px;border:1px solid #ffffff30;background:linear-gradient(140deg,#ffffff21,#ffffff06);box-shadow:inset 0 1px 0 #ffffff20;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:transform .4s var(--ease),background .4s,border-color .4s;overflow:hidden;color:#fff0eb}.software-logo-card:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 20%,#ffffff14 50%,transparent 80%);transform:translateX(-120%);transition:transform .7s var(--ease)}.software-icon-wrap{width:76px;height:76px;display:grid;place-items:center;flex:none}.software-icon{width:64px;height:64px;object-fit:contain;display:block;filter:drop-shadow(0 8px 10px #16000845);transition:transform .4s var(--ease)}.software-icon.davinciresolve{filter:invert(1) drop-shadow(0 8px 10px #16000845);width:60px;height:60px}.software-logo-copy h4{font-family:'Montserrat',sans-serif;font-size:15px;font-weight:600;line-height:1.5;margin:0 0 8px;color:#fff5f0;letter-spacing:-.035em}.software-specialty{font-family:'Montserrat',sans-serif;font-size:12px;line-height:1.6;color:#dbaca9;display:block}.software-basic{display:inline-block;font-size:12px;line-height:1.6;padding:2px 12px;border-radius:20px;border:1px solid #ffffff35;color:#f1c5bb;background:#ffffff08}@media(hover:hover){.software-logo-card:hover{transform:translateY(-5px);background:#ffffff23;border-color:#ffffff65}.software-logo-card:hover:after{transform:translateX(120%)}.software-logo-card:hover .software-icon{transform:scale(1.07)}}@media(max-width:1000px) and (min-width:761px){.software-logo-grid{gap:8px}.software-glass-banner{padding:14px}.software-logo-copy h4{font-size:14px}.software-logo-card{padding-inline:6px}}@media(max-width:760px){.software-panel{grid-column:auto}.software-glass-banner{padding:12px;margin-top:22px;border-radius:18px}.software-logo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.software-logo-card{padding:20px 8px 17px;gap:10px;border-radius:13px;backdrop-filter:none;-webkit-backdrop-filter:none}.software-icon-wrap{width:62px;height:62px}.software-icon{width:54px;height:54px}.software-icon.davinciresolve{width:52px;height:52px}.software-logo-copy h4{font-size:14px;letter-spacing:-.04em}.software-specialty{font-size:12px}.software-logo-card:last-child{grid-column:1/-1;flex-direction:row;gap:20px;padding:16px}.software-logo-card:last-child .software-logo-copy{text-align:start}.software-logo-card:after{display:none}}

/* Animated glass ribbon for the creative toolkit. */
.software-panel{background:transparent;border:0;box-shadow:none;padding:8px 0 18px;backdrop-filter:none}.software-stage{padding:0;border-radius:26px;background:radial-gradient(ellipse at 50% 0%,#b6464050,transparent 60%),linear-gradient(120deg,#280a15,#58111e 52%,#260a14);border:1px solid #fff7;box-shadow:inset 0 1px 0 #fff5,0 22px 48px #3f071922;isolation:isolate}.software-stage:before{content:'';position:absolute;pointer-events:none;width:50%;height:160%;left:-25%;top:-30%;background:linear-gradient(90deg,transparent,#ff987912,transparent);transform:rotate(20deg);animation:softwareLight 12s ease-in-out infinite alternate;z-index:-1}.software-stage-top,.software-stage-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 28px;color:#dab0b3;font-size:12px;letter-spacing:.09em}.software-stage-top{direction:ltr;border-bottom:1px solid #ffffff12}.software-stage-index{color:#ad747e}.software-window{overflow:hidden;direction:ltr;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}.software-conveyor{display:flex;width:max-content;animation:softwareTravel 34s linear infinite;will-change:transform}.software-stage .software-logo-grid{display:flex;flex:none;gap:16px;padding:28px 16px 28px 0;align-items:stretch}.software-stage .software-logo-card,.software-stage .software-logo-card:last-child{width:228px;flex:none;min-height:210px;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:17px;padding:24px 20px;border-radius:22px;text-align:left;background:linear-gradient(140deg,#ffffff19,#ffffff05);border:1px solid #ffffff25;box-shadow:inset 0 1px 0 #fff2,0 10px 20px #16030b20;backdrop-filter:none}.software-stage .software-icon-wrap{width:62px;height:80px;flex:none;animation:softwareFloat 4.8s ease-in-out infinite}.software-stage .software-logo-card:nth-child(2) .software-icon-wrap{animation-delay:-1s}.software-stage .software-logo-card:nth-child(3) .software-icon-wrap{animation-delay:-2s}.software-stage .software-logo-card:nth-child(4) .software-icon-wrap{animation-delay:-3s}.software-stage .software-logo-card:nth-child(5) .software-icon-wrap{animation-delay:-4s}.software-stage .software-icon{width:58px;height:58px}.software-stage .software-logo-copy{min-width:0;flex:1;text-align:left}.software-stage .software-logo-copy h4{font-size:17px;line-height:1.4;margin-bottom:10px;font-weight:500}.software-stage .software-specialty{font-size:12px;line-height:1.65;letter-spacing:.025em;color:#b98e98}.software-stage .software-basic{font-size:12px}.software-stage-bottom{padding-block:14px;border-top:1px solid #ffffff14;background:#ffffff03;letter-spacing:.025em}.software-stage-bottom button{width:42px;height:42px;flex:none;border-radius:50%;border:1px solid #ffffff40;background:#ffffff0a;color:#fff0eb;cursor:pointer}.software-stage-bottom button:hover{background:#ffffff24}.software-stage.is-paused .software-conveyor,.software-stage.is-offscreen .software-conveyor,.software-stage.is-paused .software-icon-wrap,.software-stage.is-offscreen .software-icon-wrap{animation-play-state:paused}@keyframes softwareTravel{to{transform:translateX(-50%)}}@keyframes softwareFloat{50%{transform:translateY(-7px) rotate(-3deg)}}@keyframes softwareLight{to{left:80%}}@media(hover:hover){.software-stage:hover .software-conveyor{animation-play-state:paused}.software-stage .software-logo-card:hover{transform:translateY(-6px);background:linear-gradient(140deg,#ffffff30,#ffffff0a);border-color:#ffffff70}}@media(max-width:760px){.software-panel{padding:8px 0 10px}.software-stage{border-radius:20px;margin-top:20px}.software-stage-top,.software-stage-bottom{padding:14px 16px;font-size:12px;line-height:1.7;gap:12px}.software-stage-index{letter-spacing:0}.software-stage .software-logo-grid{gap:12px;padding:20px 12px 20px 0}.software-stage .software-logo-card,.software-stage .software-logo-card:last-child{width:206px;min-height:180px;gap:13px;padding:20px 16px;border-radius:18px}.software-stage .software-icon-wrap{width:55px}.software-stage .software-icon{width:52px;height:52px}.software-stage .software-logo-copy h4{font-size:16px}.software-stage-bottom button{width:44px;height:44px}.software-conveyor{animation-duration:42s}.software-stage:before{animation:none}}@media(prefers-reduced-motion:reduce){.software-conveyor,.software-stage .software-icon-wrap,.software-stage:before{animation:none!important}.software-window{overflow-x:auto;mask-image:none;-webkit-mask-image:none}.software-logo-grid[aria-hidden=true]{display:none}#software-motion{display:none}}

/* Pointer-controlled head motion with a fixed centered portrait. */
.hero-portrait{overflow:hidden}
.hero-portrait>img,.hero-portrait>video{position:absolute;inset:0;width:100%;height:100%;object-fit:inherit;object-position:inherit}
.hero-portrait>video{opacity:0;pointer-events:none}
.hero-portrait.is-playing>video{opacity:1}
@media(prefers-reduced-motion:reduce){.hero-portrait>video{display:none}}

.hero-portrait{transform:none!important;will-change:auto}