.hero.cinematic{isolation:isolate;background:#092e30}.cinematic:before,.cinematic:after{display:none}.scene-background{position:absolute;inset:0;z-index:-2;overflow:hidden;background:#163b3c}.scene-background:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,25,29,.95) 0%,rgba(2,25,29,.82) 36%,rgba(2,25,29,.28) 100%),linear-gradient(0deg,rgba(2,25,29,.85),transparent 35%);z-index:2}.scene{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transition:opacity 1.6s ease;transform:scale(1.04);animation:scene-drift 18s ease-in-out infinite alternate}.scene.active{opacity:1}.cinematic .container{display:flex;flex-direction:column;align-items:stretch;justify-content:center;min-height:780px;gap:64px;padding:90px 0 30px}.cinematic .hero-copy{max-width:780px}.cinematic h1{font-size:clamp(42px,5.1vw,72px);max-width:800px;line-height:1.12;font-weight:500;letter-spacing:-.045em}.cinematic h1 em{display:block;font-family:Georgia,serif;font-weight:400;font-style:italic;color:#f0d49a;margin-top:8px}.cinematic .lead{max-width:550px;font-size:18px;line-height:1.8;color:#edf1e9}.cinematic .hero-bottom{border-top:1px solid #ffffff50;padding-top:24px;display:flex;justify-content:space-between;align-items:center;gap:25px}.hero-bottom p{font-size:14px;color:#e2e9df;max-width:260px;margin:0}.scene-controls{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.scene-controls button{border:1px solid transparent;border-radius:4px;background:#062d3166;color:#fff;padding:10px 12px;min-height:44px;font-size:13px;cursor:pointer}.scene-controls button[aria-pressed=true]{border-bottom-color:#efcf8b;background:#062d31b3}.scene-controls #motionToggle{border-color:#ffffff60;margin-inline-start:12px}.motion-paused .scene{animation-play-state:paused}.difference{background:#fff}.difference-heading{display:grid;grid-template-columns:1.5fr 1fr;column-gap:80px;align-items:end;margin-bottom:45px}.difference-heading .eyebrow{grid-column:1 / -1}.difference-heading h2{margin-bottom:0;max-width:700px;font-size:40px}.difference-heading h2 em{font:italic 1em/1.3 Georgia,serif;color:#786139}.difference-heading>p:last-child{font-size:16px;color:#586f71;margin:0;line-height:1.85}.comparison{border-top:1px solid #203c38}.compare-head,.compare-row{display:grid;grid-template-columns:.85fr 1.1fr 1.1fr;gap:0}.compare-head{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.compare-head span{padding:22px 25px}.compare-head span:first-child{padding-inline-start:0}.compare-head span:last-child{background:#e6efe8;color:#174d39}.compare-row{border-top:1px solid #dce5df}.compare-row h3{font-size:18px;font-weight:500;margin:0;padding:26px 25px 26px 0}.compare-row p{font-size:15px;line-height:1.85;padding:26px 25px;margin:0;color:#63746e}.compare-row p:last-child{background:#eef4ef;color:#193f32}.comparison-note{font-size:13px;color:#61776e;max-width:860px;margin:25px 0 0;line-height:1.8}#portfolio{background:#e8eee9;padding-top:90px}#portfolio .portfolio-grid{gap:45px 30px;align-items:start}#portfolio .project{position:relative}#portfolio .project:nth-child(even){margin-top:65px}#portfolio .project img{height:365px;border-radius:4px}#portfolio .project:nth-child(3) img{height:440px;object-position:center 35%}#portfolio .project-body{padding:22px 0 18px}#portfolio .project h3{font-size:25px}#services .cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}#services .icon{display:none}#services .number{font:italic 26px Georgia,serif;display:block;margin-bottom:24px;color:#8c6a2c}#services .card{padding:25px 0}#services .card:hover h3{color:#987123}.studio-faq{background:#eaf0eb}.faq-layout{display:grid;grid-template-columns:1fr 1.4fr;gap:90px}.studio-faq details{border-top:1px solid #b8cbc0;padding:23px 0}.studio-faq details:last-child{border-bottom:1px solid #b8cbc0}.studio-faq summary{font-size:18px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:24px}.studio-faq summary:after{content:'+';font-size:24px;color:#8c6b31}.studio-faq details[open] summary:after{content:'−'}.studio-faq details p{font-size:16px;color:#526e62;line-height:1.8;margin:20px 30px 0 0}.studio-faq summary:focus-visible{outline:3px solid #a2772e;outline-offset:6px}.studio-faq summary::-webkit-details-marker{display:none}.footer{border-top:5px solid #b28b48}.cinematic .eyebrow{color:#f0d49a}@keyframes scene-drift{from{transform:scale(1.04) translateX(0)}to{transform:scale(1.12) translateX(-1%)}}html[dir=rtl] .scene-background:after{background:linear-gradient(270deg,rgba(2,25,29,.95) 0%,rgba(2,25,29,.82) 36%,rgba(2,25,29,.28) 100%),linear-gradient(0deg,rgba(2,25,29,.85),transparent 35%)}html[dir=rtl] .cinematic h1{font-size:clamp(38px,4.5vw,62px);line-height:1.55}html[dir=rtl] .cinematic h1 em,html[dir=rtl] .difference-heading h2 em{font-family:'Noto Sans Arabic',sans-serif;font-style:normal}html[dir=rtl] .compare-row h3{padding:26px 0 26px 25px}html[dir=rtl] .compare-head{letter-spacing:0}html[dir=rtl] .studio-faq details p{margin:20px 0 0 30px}@media(max-width:900px){.cinematic .container{min-height:730px;padding-top:70px}.cinematic .hero-copy{max-width:650px}.cinematic .hero-bottom{align-items:start;flex-direction:column;gap:20px}.difference-heading{grid-template-columns:1fr;gap:25px}.difference-heading h2{font-size:34px}.difference-heading>p:last-child{max-width:660px}.compare-head span,.compare-row p{padding:20px 16px}.compare-row h3{font-size:16px}#portfolio .project img{height:280px}#portfolio .project:nth-child(3) img{height:340px}.faq-layout{gap:35px;grid-template-columns:1fr 1.4fr}.studio-faq summary{font-size:16px}}@media(max-width:600px){.cinematic .container{min-height:740px;padding:50px 0 24px;gap:35px}.cinematic h1{font-size:42px}.cinematic .lead{font-size:16px}.scene-background:after{background:linear-gradient(0deg,#02191de8,#02191dab)}.cinematic .hero-bottom{padding-top:18px;gap:12px}.hero-bottom p{max-width:none;font-size:13px}.scene-controls{gap:4px;width:100%}.scene-controls button{font-size:12px;padding:8px}.scene-controls #motionToggle{margin-inline-start:0}.difference-heading{margin-bottom:30px}.difference-heading h2{font-size:30px}.compare-head{display:none}.compare-row{grid-template-columns:1fr;gap:0;margin-bottom:20px}.compare-row h3,html[dir=rtl] .compare-row h3{padding:20px 0 12px;font-size:19px}.compare-row p{padding:17px;font-size:15px}.compare-row p:before{content:'DIY AI';display:block;color:#897348;font-size:12px;font-weight:700;margin-bottom:5px}.compare-row p:last-child:before{content:'ALHAYAT';color:#355c43}html[lang=ar] .compare-row p:before{content:'أداة ذكاء اصطناعي'}html[lang=ar] .compare-row p:last-child:before{content:'الحياة'}html[lang=fr] .compare-row p:before{content:'OUTIL IA'}html[lang=bn] .compare-row p:before{content:'নিজে এআই দিয়ে'}html[lang=bn] .compare-row p:last-child:before{content:'আলহায়াত'}#portfolio{padding-top:65px}#portfolio .portfolio-grid{gap:28px}#portfolio .project:nth-child(even){margin-top:0}#portfolio .project img,#portfolio .project:nth-child(3) img{height:300px}#portfolio .project h3{font-size:23px}#services .cards{grid-template-columns:1fr;gap:10px}#services .number{margin-bottom:12px}.faq-layout{grid-template-columns:1fr;gap:10px}.studio-faq h2{font-size:30px}.studio-faq details p,html[dir=rtl] .studio-faq details p{margin-inline:0}html[dir=rtl] .cinematic h1{font-size:36px;line-height:1.65}html[dir=rtl] .scene-background:after{background:linear-gradient(0deg,#02191de8,#02191dab)}}@media(prefers-reduced-motion:reduce){.scene{animation:none!important;transition:none!important;transform:none}}