:root{--night:#090b11;--night2:#11141e;--chalk:#f3f2eb;--ink:#13161a;--lime:#cbff65;--lime2:#d7ff83;--orange:#ff7860;--mist:#aab0b1;--line:#d9d9d2;--page:1240px;--ease:cubic-bezier(.19,1,.22,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;background:var(--night);color:#f5f6f2;font-family:'Tajawal','Noto Sans Arabic',Tahoma,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}button,input,textarea,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--lime);outline-offset:4px}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.container{max-width:var(--page);padding-inline:28px;margin-inline:auto}.skip-link{position:fixed;z-index:99;top:-100px;right:15px;background:var(--lime);color:#111;padding:12px}.skip-link:focus{top:10px}.page-progress{position:fixed;z-index:60;inset-inline-start:0;top:0;width:0;height:3px;background:var(--lime);pointer-events:none}.micro,.sup-index,.overline,.inner-eyebrow{font-family:'DM Sans',sans-serif;letter-spacing:.16em;font-size:10px;font-weight:800}.site-nav{position:fixed;z-index:50;top:18px;inset-inline:0;pointer-events:none}.nav-inside{height:67px;border-radius:19px;background:rgba(18,20,26,.82);backdrop-filter:blur(20px) saturate(150%);border:1px solid rgba(255,255,255,.12);box-shadow:0 10px 50px #0003;display:flex;align-items:center;justify-content:space-between;gap:28px;pointer-events:auto}.wordmark{display:flex;align-items:center;gap:9px;font-family:'DM Sans',sans-serif;font-size:19px;letter-spacing:-.075em;font-weight:800;line-height:.88}.wordmark small{display:block;font-size:9px;letter-spacing:.24em;margin-top:4px}.brand-dot{color:var(--lime)}.mark-star{font:39px Arial;color:var(--lime);animation:logoRotate 24s linear infinite}.nav-links{display:flex;gap:23px;align-items:center}.nav-links a{font-size:13px;color:#c4c8cb;transition:color .2s;white-space:nowrap}.nav-links a:hover,.nav-links a.active{color:#fff}.nav-actions{display:flex;align-items:center;gap:10px}.nav-contact{background:var(--lime);color:#0a0d0f;font-weight:800;padding:12px 19px;border-radius:12px;font-size:13px;transition:transform .3s var(--ease),background .2s}.nav-contact:hover{transform:translateY(-2px);background:#e1ff9d}.nav-contact span{margin-right:13px;font:17px 'DM Sans'}.nav-toggle{display:none;border:0;background:none;width:42px;height:42px;padding:12px}.nav-toggle span{display:block;width:100%;height:2px;background:white;margin:5px auto;transition:transform .2s}.site-nav.menu-open .nav-toggle span:first-child{transform:translateY(3.5px) rotate(45deg)}.site-nav.menu-open .nav-toggle span:last-child{transform:translateY(-3.5px) rotate(-45deg)}
/* HERO */
.home-hero{min-height:910px;min-height:100svh;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 67% 52%,#1c243a 0%,#101420 31%,#090b11 73%)}.home-hero:before{content:'';position:absolute;inset:0;pointer-events:none;z-index:-1;background-image:linear-gradient(#fff 1px,transparent 1px),linear-gradient(90deg,#fff 1px,transparent 1px);background-size:84px 84px;opacity:.028;mask-image:linear-gradient(to left,black,transparent 85%)}.hero-noise{position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.22;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.88' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.17' filter='url(%23n)'/%3E%3C/svg%3E")}.hero-radar{position:absolute;left:-320px;top:3%;width:1150px;height:1150px;border:1px solid #ffffff0b;border-radius:50%;pointer-events:none;box-shadow:0 0 0 145px #ffffff04,0 0 0 300px #ffffff02;animation:radarBreath 8s ease-in-out infinite}.hero-orbit{position:absolute;border:1px solid #baf36f12;border-radius:50%;pointer-events:none}.hero-orbit.one{width:460px;height:460px;left:16%;top:19%}.hero-orbit.two{width:180px;height:180px;left:8%;bottom:19%;border-style:dashed;animation:logoRotate 35s linear infinite}.hero-frame{min-height:min(910px,100svh);padding-top:154px;padding-bottom:85px;display:grid;grid-template-columns:.98fr 1.02fr;gap:4%;align-items:center;position:relative}.hero-copy{position:relative;z-index:6;align-self:center}.hero-copy .overline{display:flex;align-items:center;flex-wrap:wrap;gap:10px;color:var(--lime);white-space:nowrap;letter-spacing:.14em}.ed-tag{color:#a9b0b8;border:1px solid #33383e;padding:7px 11px;border-radius:3px}.live-pulse,.green-dot{width:7px;height:7px;display:inline-block;border-radius:50%;background:var(--lime);box-shadow:0 0 0 4px #ccff651c,0 0 22px #ccff65aa;animation:pulse 1.8s ease-in-out infinite}.hero-title{font-weight:900;font-size:clamp(66px,7.9vw,126px);letter-spacing:-.085em;line-height:1.08;margin:30px 0 21px}.hero-title .electric{color:var(--lime);display:inline-block;position:relative}.hero-title .electric:after{content:'';position:absolute;height:5px;border-radius:5px;bottom:0;right:8px;left:25%;background:var(--lime);transform:rotate(-3deg)}.outline-word{-webkit-text-stroke:1px #fafafa;color:transparent;font-style:normal}.hero-description{max-width:550px;font-size:19px;line-height:1.9;color:#aeb6bb;margin:0}.hero-description b{color:#fff;font-weight:800}.hero-actions,.final-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:31px;align-items:center}.button{display:inline-flex;justify-content:space-between;gap:30px;align-items:center;border-radius:11px;min-height:56px;padding:0 22px;font-weight:800;font-size:15px;border:1px solid transparent;transition:transform .35s var(--ease),background .25s,color .25s,box-shadow .25s;white-space:nowrap}.button:hover{transform:translateY(-4px)}.button-lime{color:#101410;background:var(--lime);box-shadow:0 12px 40px #ccff6516}.button-lime:hover{background:#e1ff9f;box-shadow:0 20px 44px #cbff652b}.button-line{color:#fff;border-color:#ffffff35;background:#ffffff08}.button-line:hover{background:#ffffff19}.button-dark{background:var(--ink);color:#fff}.button-dark:hover{background:#383d3d}.button-icon{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#0a0e12;color:var(--lime);font-family:'DM Sans'}.play-small{font-size:11px;opacity:.9}.hero-signature{display:flex;gap:13px;align-items:center;margin-top:43px;font-family:'DM Sans',sans-serif}.signature-avatar{width:43px;height:43px;border-radius:100%;overflow:hidden;border:2px solid #ffffff48}.signature-avatar img{width:100%;height:100%;object-fit:cover;object-position:center 13%}.hero-signature strong{display:block;font-size:12px}.hero-signature span{display:block;font-size:10px;color:#a8adb3;margin-top:5px;letter-spacing:.03em}.signature-line{height:1px;width:32px;background:#50545b;margin-inline:15px}.hero-cinema{height:610px;position:relative;perspective:1000px;transform:translateZ(0);isolation:isolate}.cinema-light{position:absolute;inset:13% 11%;border-radius:50%;background:radial-gradient(ellipse,#bdff6034,transparent 65%);filter:blur(40px)}.stage-window{position:absolute;top:3%;bottom:3%;left:15%;right:7%;border-radius:30px;transform:rotate(-5deg);overflow:hidden;background:#1c202a;box-shadow:0 35px 95px #000a,0 0 0 1px #d4d7d31f}.stage-window:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#030405ef 1%,transparent 40%),linear-gradient(90deg,#02030633,transparent);pointer-events:none}.stage-shot{position:absolute;inset:0;opacity:0;transform:scale(1.14);transition:opacity .65s ease,transform 5s linear}.stage-shot.is-active{opacity:1;transform:scale(1)}.stage-shot>img{width:100%;height:100%;object-fit:cover;object-position:center 28%;filter:saturate(.85) contrast(1.06)}.stage-shot:nth-child(2) img{object-position:center}.stage-shot:nth-child(3) img{object-position:54%}.stage-top{position:absolute;z-index:4;top:22px;left:22px;right:22px;display:flex;justify-content:space-between;align-items:center;font-family:'DM Sans';font-size:10px;font-weight:700;letter-spacing:.14em;text-shadow:0 1px 10px #000}.red-dot{display:inline-block;width:8px;height:8px;background:var(--orange);border-radius:50%;margin-right:9px;box-shadow:0 0 0 5px #ff685620;animation:pulse 2s infinite}.stage-bottom{position:absolute;z-index:4;bottom:28px;left:25px;right:25px;display:flex;align-items:end;justify-content:space-between}.stage-bottom .micro{color:var(--lime);font-size:9px}.stage-bottom strong{font:bold clamp(18px,2.8vw,32px) 'DM Sans';letter-spacing:-.04em;display:block;margin-top:10px}.round-arrow{background:var(--lime);color:#0a0d0d;width:55px;height:55px;border-radius:50%;font:800 25px 'DM Sans';border:0;transition:transform .3s}.round-arrow:hover{transform:rotate(45deg)}.stage-glass{position:absolute;z-index:3;border:1px solid #fff3;backdrop-filter:blur(14px);background:#152021b8;box-shadow:0 14px 40px #0008;border-radius:14px}.stage-glass.left{width:220px;left:0;bottom:9%;padding:13px;transform:rotate(7deg);animation:bob 5s ease-in-out infinite}.stage-glass.left img{height:110px;width:100%;object-fit:cover;border-radius:5px;margin:10px 0}.stage-glass.left>span:last-child{font:bold 9px 'DM Sans';letter-spacing:.06em;color:#e4f2e5}.stage-glass.right{right:0;top:12%;width:134px;padding:19px 12px;text-align:center;transform:rotate(9deg);animation:bob 5.5s ease-in-out -1.5s infinite}.equalizer{display:flex;gap:5px;height:49px;align-items:center;justify-content:center}.equalizer b{width:5px;height:40%;background:var(--lime);border-radius:2px;animation:wave .9s ease-in-out infinite alternate}.equalizer b:nth-child(2){height:85%;animation-delay:-.2s}.equalizer b:nth-child(3){height:25%;animation-delay:-.5s}.equalizer b:nth-child(4){height:67%;animation-delay:-.15s}.equalizer b:nth-child(5){height:100%;animation-delay:-.3s}.equalizer b:nth-child(6){height:35%;animation-delay:-.62s}.equalizer b:nth-child(7){height:60%;animation-delay:-.25s}.stage-glass.right span{font-size:7px;line-height:1.4;display:block;margin-top:12px;color:#cfe8cf}.corner-meta{position:absolute;z-index:3;left:3%;top:3%;font:800 11px/1.4 'DM Sans';letter-spacing:.2em;color:#bec6c1}.hero-bottom{position:absolute;bottom:29px;left:0;right:0;display:flex;align-items:center;justify-content:space-between;color:#88949a}.hero-count{display:flex;align-items:center;gap:12px;font-family:'DM Sans'}.hero-count strong{font-size:26px;color:#fff}.hero-count span{font-size:10px;letter-spacing:.1em}.scroll-stroke{color:var(--lime);margin-inline-start:7px;display:inline-block;animation:down 1.5s infinite}.enter{animation:enterUp .8s both var(--ease)}.d1{animation-delay:.12s}.d2{animation-delay:.22s}.d3{animation-delay:.33s}.d4{animation-delay:.45s}.d5{animation-delay:.55s}
.kinetic-band{background:var(--lime);color:#10140c;overflow:hidden;height:64px;display:flex;align-items:center;transform:rotate(-1.4deg) scale(1.04);position:relative;z-index:4;box-shadow:0 16px 30px #0004}.band-track{display:flex;white-space:nowrap;animation:marquee 27s linear infinite}.band-track span{font:800 22px 'DM Sans';letter-spacing:-.035em}.band-track i{font-style:normal;padding:0 34px;font-size:25px}
/* SHARED SECTIONS */
.paper-section{color:var(--ink);background:var(--chalk)}.section-pad{padding-block:115px}.section-kicker{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid #1112;padding-bottom:22px;font-size:12px;font-weight:800}.section-kicker.light{color:#e1e5e2;border-bottom-color:#ffffff24}.section-kicker .sup-index{color:#6a7471}.section-kicker.light .sup-index{color:var(--lime)}.display-heading{font-size:clamp(52px,6.6vw,103px);line-height:1.12;letter-spacing:-.075em;font-weight:900;margin:40px 0}.display-heading em{font-style:normal;color:#939a90}.display-heading>span{color:#969b94}.display-heading.white{color:white}.display-heading .lime-text{color:var(--lime)}.intro-top{display:grid;grid-template-columns:1.25fr .75fr;align-items:end;gap:90px}.intro-aside{padding-bottom:55px;max-width:390px}.intro-aside .asterisk{font-family:Arial;font-size:95px;line-height:1;color:var(--orange);animation:logoRotate 18s linear infinite;display:inline-block}.intro-aside p{font-size:19px;line-height:1.9}.text-link{font-weight:800;display:inline-flex;gap:45px;border-bottom:1px solid currentColor;padding-bottom:8px;font-size:15px;transition:gap .25s}.text-link:hover{gap:57px}.text-link span{font-family:Arial}
/* EXPERIENCES */
.learning-experience{margin-top:15px;background:#dcded6;border-radius:25px;padding:12px;box-shadow:0 45px 90px #181c1320}.experience-tabs{display:flex;gap:6px;margin:6px 6px 14px;flex-wrap:wrap}.exp-tab{border:0;flex:1;padding:16px 20px;border-radius:11px;background:transparent;color:#5d665c;display:flex;justify-content:space-between;align-items:center;gap:14px;font-size:15px;font-weight:800;white-space:nowrap;transition:background .3s,color .3s}.exp-tab>span:first-child{font:800 11px 'DM Sans';color:#72776f}.exp-tab>span:last-child{font-size:20px}.exp-tab.active{background:#11171b;color:white}.exp-tab.active>span:first-child{color:var(--lime)}.experience-screen{background:#0e141d;min-height:475px;border-radius:16px;overflow:hidden;display:grid;grid-template-columns:1.08fr .92fr;position:relative;color:white}.screen-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff04 1px,transparent 1px),linear-gradient(90deg,#ffffff04 1px,transparent 1px);background-size:35px 35px;pointer-events:none}.screen-photo{position:relative;overflow:hidden;min-height:430px}.screen-photo>img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;transition:opacity .3s,transform .7s var(--ease)}.screen-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(to left,#0e141d 1%,transparent 35%)}.film-code{position:absolute;left:19px;bottom:23px;color:#fff;z-index:2;font:700 10px 'DM Sans';letter-spacing:.1em;writing-mode:vertical-rl}.screen-focus{position:absolute;width:40px;height:40px;border:1px solid #caff7599;z-index:2;pointer-events:none}.screen-focus.s1{right:25%;top:24%;border-right:0;border-bottom:0}.screen-focus.s2{left:24%;bottom:25%;border-left:0;border-top:0}.screen-info{position:relative;z-index:2;padding:64px 55px 55px 40px;display:flex;flex-direction:column;justify-content:center}.screen-type{font:700 10px 'DM Sans';letter-spacing:.12em;color:var(--lime);display:flex;align-items:center;gap:10px}.screen-info h3{font-size:clamp(29px,3.3vw,51px);letter-spacing:-.055em;line-height:1.2;margin:25px 0}.screen-info p{line-height:1.8;font-size:17px;color:#bcc4c8}.shot-specs{display:flex;border-top:1px solid #ffffff2a;border-bottom:1px solid #ffffff2a;margin:18px 0 28px}.shot-specs>span{flex:1;padding:17px 0}.shot-specs>span+span{padding-right:15px;border-right:1px solid #ffffff29}.shot-specs small{display:block;font:700 9px 'DM Sans';letter-spacing:.09em;color:#91a0a1;margin-bottom:9px}.shot-specs b{font:700 12px 'DM Sans'}.screen-info .button{align-self:flex-start}
/* METHOD */
.method-section{background:#0b1017;position:relative;overflow:hidden}.method-section:before{content:'';position:absolute;width:650px;height:650px;right:-300px;top:10%;border:1px solid #ffffff0b;border-radius:50%;box-shadow:0 0 0 150px #ffffff04,0 0 0 300px #ffffff02}.method-head{display:flex;align-items:end;justify-content:space-between;gap:50px}.method-head .display-heading{margin-bottom:50px}.method-head>p{max-width:270px;line-height:1.9;color:#a7b3b6;font-size:17px;margin-bottom:68px}.method-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:42px;align-items:stretch}.method-steps{display:flex;flex-direction:column;border-top:1px solid #ffffff25}.method-step{min-height:102px;width:100%;border:0;border-bottom:1px solid #ffffff25;color:#abb6bb;background:transparent;display:flex;align-items:center;text-align:right;gap:17px;padding:14px 18px;transition:background .3s,color .3s,border .2s;position:relative}.method-step:before{content:'';position:absolute;right:0;top:0;bottom:0;width:3px;background:var(--lime);transform:scaleY(0);transform-origin:bottom;transition:transform .3s}.method-step.active{background:#ffffff0c;color:white}.method-step.active:before{transform:scaleY(1)}.method-step>i{font:800 13px 'DM Sans';font-style:normal;color:var(--lime);min-width:30px}.method-step>span{flex:1}.method-step strong{display:block;font-size:20px}.method-step small{display:block;color:#829099;font-size:13px;margin-top:9px}.method-step>b{font-size:18px;color:#d3e5bb}.method-preview{background:#1b232b;padding:14px;border-radius:20px;border:1px solid #ffffff14;display:flex;flex-direction:column;overflow:hidden;min-height:535px}.preview-chrome{height:32px;display:flex;justify-content:space-between;align-items:center;color:#98abb0;font:800 10px 'DM Sans';letter-spacing:.12em;padding:0 13px 9px}.preview-chrome .green-dot{margin-left:8px}.preview-image{flex:1;min-height:320px;position:relative;overflow:hidden;border-radius:12px;background:#111}.preview-image>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;filter:contrast(1.03);transition:opacity .3s,transform .65s}.preview-hud{position:absolute;left:30px;bottom:22px;right:30px;display:flex;align-items:center;gap:14px;font:700 11px 'DM Sans';color:white;text-shadow:0 0 10px black}.hud-line{flex:1;height:2px;background:linear-gradient(to left,var(--lime) 20%,#ffffff66 20%)}.preview-caption{display:flex;gap:30px;padding:24px 16px 9px;justify-content:space-between;align-items:center}.preview-caption span{font:700 10px 'DM Sans';letter-spacing:.09em;color:var(--lime);max-width:135px}.preview-caption p{flex:1;max-width:320px;font-size:14px;line-height:1.75;color:#c7ced2;margin:0}.center-cta{text-align:center;margin-top:40px}.center-cta .button{min-width:250px}
/* PROJECTS */
.section-split-head{display:flex;justify-content:space-between;align-items:end;gap:40px}.section-split-head p{max-width:355px;line-height:1.85;font-size:18px;color:#555b58;margin-bottom:60px}.project-collection{display:grid;grid-template-columns:1.15fr .85fr .85fr;gap:16px}.project-hero-card{min-height:610px;position:relative;overflow:hidden;border-radius:21px;color:white;display:block;background:#1d222a;isolation:isolate}.project-hero-card>img{height:100%;width:100%;position:absolute;inset:0;object-fit:cover;transition:transform 1.1s var(--ease),filter .4s;filter:saturate(.78)}.project-hero-card:first-child img{object-position:56%}.project-hero-card:nth-child(2) img{object-position:60%}.project-hero-card:nth-child(3) img{object-position:52%}.project-hero-card:hover>img{transform:scale(1.08);filter:saturate(1.07)}.project-shadow{position:absolute;inset:0;background:linear-gradient(to top,#050709 0%,#030406c2 16%,transparent 68%)}.project-top,.project-bottom{position:absolute;right:27px;left:27px;z-index:2}.project-top{top:27px;display:flex;justify-content:space-between;align-items:center;font:800 10px 'DM Sans';letter-spacing:.1em}.crosshair{font:29px Arial;color:var(--lime)}.project-bottom{bottom:26px}.project-eyebrow{font:800 10px 'DM Sans';letter-spacing:.1em;color:var(--lime)}.project-bottom h3{font-size:clamp(28px,3.3vw,47px);line-height:1.2;margin:12px 0}.project-bottom p{color:#eee;line-height:1.6;margin-bottom:30px;font-size:14px}.project-link{border-top:1px solid #ffffff5c;padding-top:15px;display:flex;justify-content:space-between;font-size:14px;font-weight:800}.project-link b{font:23px 'DM Sans';transition:transform .3s}.project-hero-card:hover .project-link b{transform:rotate(45deg)}
/* DRAGON */
.dragon-feature{min-height:660px;background:#111416;position:relative;overflow:hidden}.dragon-glow{position:absolute;inset:0;background:radial-gradient(circle at 25% 50%,#9c3b194a,transparent 45%),radial-gradient(circle at 75% 70%,#657f283a,transparent 30%)}.dragon-layout{position:relative;display:grid;grid-template-columns:1fr .8fr;gap:60px;align-items:center;min-height:660px}.dragon-copy{padding:80px 0;position:relative;z-index:3}.dragon-copy h2{font-size:clamp(52px,5.9vw,89px);line-height:1.14;letter-spacing:-.065em;margin:45px 0 20px}.dragon-copy h2 em{font-style:normal;color:#ff9c72}.dragon-copy p{font-size:18px;line-height:1.8;color:#d0c4bc;max-width:570px}.dragon-actions{display:flex;flex-wrap:wrap;align-items:center;gap:28px;margin-top:28px}.light-link{color:white}.dragon-art{min-height:520px;display:grid;place-items:center;position:relative}.dragon-circle{width:min(440px,100%);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 38% 42%,#8a3e29a3,transparent 48%),radial-gradient(circle,#10171d,#03060a);border:1px solid #ffa77e3b;display:grid;place-items:center;box-shadow:0 0 80px #ff65321c,inset 0 0 80px #ff65321f;position:relative}.dragon-symbol{font-size:170px;filter:drop-shadow(0 20px 45px #ff6e2255);animation:bob 4s ease-in-out infinite}.orb-ring{position:absolute;inset:-25px;border:1px dashed #bdaa7d6b;border-radius:50%;animation:logoRotate 50s linear infinite}.orb-ring.o2{inset:45px;border-color:#ceb1794f;animation-direction:reverse}.dragon-side-label{position:absolute;left:0;bottom:35px;font:700 10px 'DM Sans';letter-spacing:.12em;color:#dbc8b1}
/* BUSINESS + FINAL */
.business-grid{display:grid;grid-template-columns:1.22fr .78fr;gap:70px;align-items:end}.business-info{padding-bottom:65px}.business-info p{font-size:20px;line-height:1.85;color:#535a54}.final-call{background:#cfff72;color:#11150e;position:relative;overflow:hidden}.final-inner{min-height:570px;padding-top:90px;padding-bottom:85px;position:relative;z-index:2}.final-inner h2{font-size:clamp(84px,11vw,170px);font-weight:900;letter-spacing:-.09em;line-height:1.1;margin:28px 0}.final-inner h2 em{font-style:normal;-webkit-text-stroke:2px #0c110c;color:transparent}.final-decoration{font:410px Arial;position:absolute;left:-45px;top:25px;opacity:.16;animation:logoRotate 44s linear infinite;z-index:-1}.final-actions .button-lime{background:#101511;color:white}.final-actions .button-line{color:#101511;border-color:#1015115c}
/* INNER HERO */
.inner-hero{background:radial-gradient(ellipse at 17% 60%,#263027 0%,#0b0e13 53%);padding:190px 0 105px;min-height:520px;position:relative;overflow:hidden}.inner-hero:after{content:'✳';position:absolute;left:-45px;top:65px;font:420px Arial;color:#ffffff06;animation:logoRotate 55s linear infinite;pointer-events:none}.inner-hero .container{position:relative;z-index:2}.inner-eyebrow{color:var(--lime);display:flex;gap:13px;align-items:center}.inner-hero h1{font-size:clamp(49px,6.7vw,98px);line-height:1.16;letter-spacing:-.075em;max-width:1070px;font-weight:900;margin:28px 0 19px}.inner-hero h1 em{font-style:normal;color:var(--lime)}.inner-hero p{font-size:19px;line-height:1.85;max-width:680px;color:#bdc8c2}.inner-hero .button{margin-top:22px}.two-metrics{display:flex;flex-wrap:wrap;gap:13px;margin-top:25px}.two-metrics span{border:1px solid #ffffff30;border-radius:99px;padding:9px 14px;color:#e4e6e2;font-size:12px}
/* STUDIO LESSON */
.lesson-workspace{padding:70px 0 120px}.workshop-projects{display:flex;justify-content:space-between;gap:30px;align-items:center;margin-bottom:25px}.workshop-projects h2{font-size:32px;margin:8px 0 0;line-height:1.2}.workshop-projects .micro{color:#737e78}.workshop-choices{display:flex;gap:10px}.choice-pill{background:white;border:1px solid #d9ddd5;padding:7px 13px 7px 7px;border-radius:99px;display:flex;align-items:center;gap:10px;font-weight:800;color:#434b45;transition:background .3s,border .3s}.choice-pill img{width:43px;height:43px;border-radius:50%;object-fit:cover}.choice-pill b{background:#e6ece4;border-radius:50%;width:24px;height:24px;display:grid;place-items:center;color:transparent;font-size:12px}.choice-pill.active{border-color:#8b9a6b;background:#d9edbd}.choice-pill.active b{color:#121b13;background:var(--lime)}.lab-shell{display:grid;grid-template-columns:300px 1fr;background:white;border:1px solid #d9ddd5;border-radius:25px;padding:10px;gap:8px;box-shadow:0 30px 70px #242b1f16}.lab-rail{background:#141a1c;color:white;border-radius:18px;padding:25px 18px;display:flex;flex-direction:column;gap:25px}.rail-label{font:800 10px 'DM Sans';letter-spacing:.1em;color:var(--lime)}.progress-ring-wrap{display:flex;align-items:center;gap:14px;border-bottom:1px solid #ffffff24;padding-bottom:25px}.progress-ring{--progress:20;flex:none;width:87px;height:87px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(var(--lime) calc(var(--progress)*1%),#3e4a44 0);transition:background .4s}.ring-core{width:70px;height:70px;background:#141a1c;border-radius:50%;display:grid;place-content:center;text-align:center}.ring-core strong{font:800 22px 'DM Sans';color:white}.ring-core small{font-size:10px;color:#9baba3}.progress-ring-wrap>div:last-child strong{display:block;font-size:13px}.progress-ring-wrap>div:last-child small{display:block;color:#8e9d95;font-size:12px;line-height:1.7;margin-top:4px}.lab-step-nav{display:grid;gap:6px}.lab-step{display:flex;align-items:center;gap:11px;padding:14px 10px;border-radius:10px;color:#abb7ae;background:transparent;border:1px solid transparent;width:100%;text-align:right}.lab-step i{font:800 10px 'DM Sans';font-style:normal;opacity:.7}.lab-step span{flex:1;font-size:15px;font-weight:800}.lab-step b{font-family:'DM Sans';color:#8b9892}.lab-step.active{color:#121712;background:var(--lime)}.lab-step.active b{color:#121712}.lab-step:hover:not(.active){border-color:#ffffff3d;background:#ffffff09}.lab-side-note{margin-top:auto;border:1px dashed #ffffff43;padding:16px;border-radius:10px;color:var(--lime);font-size:30px}.lab-side-note p{font-size:12px;line-height:1.7;color:#bdc7bd;margin-bottom:0}.lab-lesson{padding:30px 35px 23px;min-width:0}.lesson-topbar{display:flex;align-items:center;justify-content:space-between;font:800 10px 'DM Sans';letter-spacing:.07em;color:#728073}.lesson-head h2{font-size:clamp(30px,3.2vw,50px);letter-spacing:-.05em;margin:24px 0 6px}.lesson-head p{color:#626b64;font-size:16px;line-height:1.75;margin:0 0 17px}.lesson-image-panel{height:350px;position:relative;border-radius:15px;overflow:hidden;background:#131d1b}.lesson-image-panel img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;transition:opacity .4s,transform .8s}.lesson-image-glow{position:absolute;inset:0;background:linear-gradient(0deg,#0008,transparent 38%);z-index:1;pointer-events:none}.lesson-image-tag{position:absolute;left:18px;bottom:18px;z-index:2;color:white;font:800 9px 'DM Sans';letter-spacing:.13em}.corner-marks{position:absolute;width:28px;height:28px;border:2px solid var(--lime);z-index:2}.corner-marks.c1{right:17px;top:17px;border-left:0;border-bottom:0}.corner-marks.c2{left:17px;bottom:17px;border-right:0;border-top:0}.lesson-guidance{display:flex;gap:24px;align-items:start;padding:20px 0;border-bottom:1px solid #e1e5dd}.lesson-mini-head{font-size:12px;font-weight:800;background:#e7efd9;border-radius:8px;padding:7px 12px;white-space:nowrap}.lesson-guidance p{flex:1;margin:0;line-height:1.75;font-size:14px;color:#3e4943}.prompt-reveal{border-radius:14px;background:#161d22;margin-top:17px;color:white;overflow:hidden}.prompt-reveal>summary{padding:16px 20px;list-style:none;cursor:pointer;font-weight:800;display:flex;justify-content:space-between;align-items:center;gap:15px}.prompt-reveal>summary::-webkit-details-marker{display:none}.prompt-reveal>summary i{font:24px 'DM Sans';font-style:normal;color:var(--lime);padding-left:10px}.prompt-reveal>summary>span:last-child{font-size:11px;color:#a2b2a7}.prompt-inside{padding:0 20px 20px}.prompt-toolbar{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff20;padding-top:15px;font:800 10px 'DM Sans';letter-spacing:.04em;color:#91a699}.copy-button{background:var(--lime);color:#141917;padding:10px 16px;border:0;border-radius:9px;font:800 12px 'Tajawal'}.prompt-inside pre{max-height:175px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8;color:#d8e7d9;font:12px/1.75 'DM Sans',monospace;direction:ltr;text-align:left}.lesson-footer{display:flex;justify-content:space-between;gap:10px;margin-top:20px;align-items:center}.lab-prev{border:1px solid #d6dbd2;background:white;border-radius:12px;padding:14px 15px;color:#344036;font-weight:800}.lab-prev:disabled{opacity:.4;cursor:not-allowed}.advanced-link{background:#dfe7d5;margin-top:32px;border-radius:18px;padding:30px 36px;display:flex;justify-content:space-between;gap:25px;align-items:center}.advanced-link span{font:800 10px 'DM Sans';letter-spacing:.09em;color:#64745f}.advanced-link h3{font-size:26px;margin:10px 0}.advanced-link p{color:#687363;line-height:1.65;margin:0;max-width:580px}
/* PROJECT ARCHIVE */
.archive-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.archive-card{background:#e1e5dc;border:1px solid #d1d7cd;border-radius:20px;padding:15px 15px 25px;display:block;transition:transform .5s var(--ease),box-shadow .3s}.archive-card:hover{transform:translateY(-8px);box-shadow:0 23px 55px #18251c25}.archive-card>img,.dragon-art-square{width:100%;height:365px;object-fit:cover;border-radius:11px}.archive-card>img{object-position:center 38%}.archive-card>span{display:block;font:800 10px 'DM Sans';letter-spacing:.1em;color:#748171;margin:22px 18px 7px}.archive-card h2{font-size:32px;margin:0 18px}.archive-card p{margin:8px 18px 16px;color:#667067;font-size:15px}.archive-card b{display:block;border-top:1px solid #b8c1b6;margin:16px 18px 0;padding-top:16px}.dragon-art-square{background:radial-gradient(circle,#83472e,#11181f);display:grid;place-items:center;color:white;font-size:130px;position:relative}.dragon-art-square span{position:absolute;bottom:23px;font:800 13px 'DM Sans';letter-spacing:.16em}
/* WORKFLOW */
.workflow-wall{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.workflow-tile{border:1px solid #d7dcd3;border-radius:18px;overflow:hidden;background:#e7eae2;padding:12px}.workflow-tile>span{display:block;font:800 9px 'DM Sans';letter-spacing:.08em;margin:5px 4px 11px;color:#65736a}.workflow-tile img{height:315px;width:100%;object-fit:cover;border-radius:10px;object-position:center top}.workflow-tile h2{font:800 22px 'DM Sans';margin:23px 5px 10px}.workflow-tile p{font-size:13px;color:#6d776e;line-height:1.8;margin:0 5px 10px}.workflow-final{margin-top:35px;background:var(--lime);padding:36px;border-radius:16px;display:flex;gap:30px;justify-content:space-between;align-items:center}.workflow-final h2{margin:0 0 9px;font-size:29px}.workflow-final p{margin:0;color:#57614c}
/* BUILDER */
.builder-shell{display:grid;grid-template-columns:.85fr 1.15fr;background:#151b20;border-radius:22px;overflow:hidden;color:white}.builder-form{padding:50px 45px}.builder-form .micro{color:var(--lime)}.builder-form h2{font-size:42px;letter-spacing:-.06em;margin:22px 0 14px}.builder-form p{color:#aab6af;font-size:15px;line-height:1.8;margin-bottom:26px}.builder-form label{display:block;font-size:13px;font-weight:800;margin-bottom:9px;margin-top:19px}.builder-form textarea,.builder-form select{width:100%;color:white;background:#252d31;border:1px solid #465150;padding:14px;border-radius:10px;outline:0;resize:vertical}.builder-form textarea:focus,.builder-form select:focus{border-color:var(--lime)}.builder-form select option{color:black}.builder-out{background:#0c1217;padding:50px 45px;display:flex;flex-direction:column;min-width:0}.builder-out-head{display:flex;justify-content:space-between;align-items:center;font:800 11px 'DM Sans';letter-spacing:.1em;color:var(--lime);border-bottom:1px solid #ffffff2b;padding-bottom:22px}.builder-out pre{font:13px/2 'DM Sans',monospace;white-space:pre-wrap;overflow-wrap:anywhere;min-height:310px;flex:1;color:#c5e2cd;direction:ltr;text-align:left}.builder-out .button{align-self:flex-start}.builder-out p{font-size:12px;color:#8d9b90;line-height:1.7}.resources-next{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:22px}.resources-next a{display:block;background:#e1e8d7;border-radius:16px;padding:27px;transition:transform .3s}.resources-next a:hover{transform:translateY(-5px)}.resources-next span{font:800 10px 'DM Sans';color:#7c8877;letter-spacing:.1em}.resources-next h3{font-size:24px;margin:10px 0}.resources-next p{line-height:1.75;color:#647060}.resources-next b{border-top:1px solid #c1cbbd;display:block;padding-top:13px}
/* SERVICES */
.service-feature{padding:45px;background:#dce6cf;border-radius:20px}.service-feature span{font:800 11px 'DM Sans';color:#718064;letter-spacing:.1em}.service-feature h2{font:800 clamp(30px,5vw,75px)/1.1 'DM Sans';letter-spacing:-.06em;margin:20px 0}.service-feature p{font-size:18px;color:#606d58}.services-list{margin-top:30px;display:grid;grid-template-columns:1fr 1fr;gap:17px}.services-list article{padding:35px;border-radius:17px;border:1px solid #d6ddd1;min-height:220px}.services-list article>b{font:800 12px 'DM Sans';color:#7d9367}.services-list article h3{font:800 28px 'DM Sans';margin:15px 0}.services-list article p{color:#687467;font-size:15px;line-height:1.8}.services-list article span{font:800 9px 'DM Sans';letter-spacing:.1em;color:#7d9367}
/* ABOUT + CONTACT */
.about-grid{display:grid;grid-template-columns:1.1fr .65fr;gap:60px;align-items:center}.about-portrait{height:430px;background:radial-gradient(circle,#313f37,#121820);border-radius:33px;overflow:hidden;box-shadow:0 30px 70px #0006}.about-portrait img{width:100%;height:100%;object-fit:cover;object-position:center 17%;mix-blend-mode:luminosity}.about-manifesto{max-width:880px;margin:auto;padding:30px 0 60px}.about-manifesto>span{font:800 11px 'DM Sans';color:#7a8a7e}.about-manifesto h2{font:800 clamp(40px,6vw,77px)/1.25 'DM Sans';letter-spacing:-.055em}.about-manifesto p{font-size:22px;line-height:1.8;color:#606b62}.contact-panels{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.contact-panels>a{background:#e3e9db;padding:33px;border-radius:20px;min-height:360px;display:flex;flex-direction:column;transition:transform .3s,background .3s}.contact-panels>a:hover{background:var(--lime);transform:translateY(-8px)}.contact-panels span{font:800 11px 'DM Sans';color:#738573}.contact-panels h2{font-size:34px;margin:30px 0 7px}.contact-panels p{font-size:16px;color:#59665c;line-height:1.8}.contact-panels b{display:block;border-top:1px solid #abb9a6;margin-top:auto;padding-top:18px}
/* FOOTER */
.site-footer{background:#101419;color:white;padding:74px 0 25px}.footer-top{display:flex;justify-content:space-between;gap:30px;align-items:end;padding-bottom:70px}.footer-big{font:900 clamp(100px,14vw,220px)/.82 'DM Sans';letter-spacing:-.095em}.footer-big em{font-style:normal;color:var(--lime)}.footer-top p{color:#9baaa1;line-height:1.8}.footer-bottom{border-top:1px solid #ffffff2a;padding-top:32px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;align-items:center}.footer-mark{font:800 15px 'DM Sans';letter-spacing:-.02em}.footer-mark:first-letter{color:var(--lime)}.footer-bottom nav,.footer-social{display:flex;gap:20px;flex-wrap:wrap}.footer-bottom nav a{color:#b2bbb6;font-size:13px}.footer-social a{font:700 10px 'DM Sans';letter-spacing:.08em}.foot-note{font:700 9px 'DM Sans';letter-spacing:.1em;color:#6e7b74;margin-top:40px}#toast{position:fixed;z-index:70;bottom:25px;right:25px;background:var(--lime);color:#151815;border-radius:12px;padding:13px 22px;box-shadow:0 12px 40px #0007;font-weight:800;transform:translateY(90px);opacity:0;transition:.3s;pointer-events:none}#toast.show{transform:translateY(0);opacity:1}
/* REVEAL & KEYFRAMES */
.reveal{opacity:0;transform:translateY(34px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.reveal.in-view{opacity:1;transform:translateY(0)}@keyframes logoRotate{to{transform:rotate(360deg)}}@keyframes enterUp{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes bob{50%{transform:translateY(-13px)}}@keyframes pulse{50%{opacity:.42;box-shadow:0 0 0 8px #ccff6520}}@keyframes wave{to{height:8%}}@keyframes down{50%{transform:translateY(7px)}}@keyframes radarBreath{50%{transform:scale(1.08);opacity:.5}}@keyframes marquee{to{transform:translateX(50%)}}
@media(max-width:1150px){.nav-links{gap:12px}.nav-links a{font-size:12px}.hero-title{font-size:clamp(63px,7vw,98px)}.hero-cinema{height:520px}.stage-window{left:12%}.stage-glass.left{width:155px}.stage-glass.left img{height:78px}.project-hero-card{min-height:540px}.project-bottom h3{font-size:28px}.preview-caption{gap:12px}}
@media(max-width:860px){.container{padding-inline:22px}.nav-links{position:absolute;top:77px;right:22px;left:22px;flex-direction:column;align-items:stretch;padding:20px;background:#151a1c;border-radius:15px;box-shadow:0 20px 45px #0009;display:none;gap:0}.nav-links.open{display:flex}.nav-links a{padding:13px;border-bottom:1px solid #ffffff14;font-size:15px}.nav-toggle{display:block}.nav-contact{padding:11px}.nav-inside{height:62px}.hero-frame{grid-template-columns:1fr;min-height:0;padding-top:155px;gap:10px}.home-hero{min-height:0}.hero-title{font-size:clamp(76px,10vw,115px)}.hero-cinema{height:530px;max-width:600px;width:100%;margin:auto}.hero-copy{max-width:750px}.hero-bottom{position:relative;padding-bottom:23px;bottom:auto}.hero-signature{margin-top:28px}.intro-top,.method-layout,.dragon-layout,.business-grid{grid-template-columns:1fr;gap:25px}.intro-aside{padding-bottom:15px}.method-head{align-items:start}.method-preview{min-height:410px}.project-collection{grid-template-columns:1fr 1fr}.project-hero-card{min-height:530px}.project-hero-card:first-child{grid-row:span 2;min-height:700px}.dragon-layout{min-height:0}.dragon-copy{padding-bottom:0}.dragon-art{min-height:430px}.business-info{padding-bottom:0}.workflow-wall{grid-template-columns:1fr 1fr}.lab-shell{grid-template-columns:245px 1fr}.lab-lesson{padding:22px 19px}.lab-rail{padding:18px 11px}.lesson-image-panel{height:290px}.builder-form,.builder-out{padding:30px}.about-grid{grid-template-columns:1fr .8fr}}
@media(max-width:600px){.container{padding-inline:18px}.site-nav{top:9px}.nav-inside{border-radius:13px;padding-inline:15px;height:58px}.wordmark{font-size:16px}.wordmark small{font-size:7px}.mark-star{font-size:31px}.nav-contact{display:none}.home-hero{background:radial-gradient(ellipse at 60% 65%,#1b2b27,#0a0d12 67%)}.hero-frame{padding-top:124px;padding-bottom:15px}.hero-copy .overline{font-size:8px;white-space:normal}.ed-tag{padding:4px 7px;font-size:7px}.hero-title{font-size:clamp(62px,12.5vw,91px);line-height:1.08;margin:26px 0 12px}.hero-title .electric:after{height:3px}.hero-description{font-size:16px;line-height:1.75}.hero-actions{gap:8px;margin-top:22px}.hero-actions .button{min-height:50px;font-size:13px;padding:0 14px;gap:12px}.hero-signature{margin-top:25px}.signature-line,.hero-signature .micro{display:none}.hero-cinema{height:410px;margin-top:16px}.stage-window{top:2%;bottom:7%;left:11%;right:8%;border-radius:20px;transform:rotate(-4deg)}.stage-glass.left{width:121px;bottom:2%;left:0;padding:8px;transform:rotate(6deg)}.stage-glass.left img{height:69px;margin:5px 0}.stage-glass.left .micro{font-size:7px}.stage-glass.left>span:last-child{font-size:6px}.stage-glass.right{width:85px;top:12%;right:0;padding:9px}.stage-glass.right .micro{font-size:6px}.equalizer{height:34px;gap:3px}.equalizer b{width:3px}.stage-top{font-size:7px;top:16px;right:14px;left:14px}.stage-bottom{right:16px;left:16px;bottom:20px}.stage-bottom strong{font-size:18px}.round-arrow{width:41px;height:41px;font-size:20px}.corner-meta{font-size:7px;left:0}.hero-bottom .micro{font-size:8px}.hero-bottom>.micro:last-child{display:none}.hero-count strong{font-size:17px}.hero-count span{font-size:7px}.kinetic-band{height:46px}.band-track span{font-size:16px}.band-track i{padding:0 17px}.section-pad{padding-block:70px}.section-kicker{font-size:10px;padding-bottom:12px}.section-kicker .sup-index{font-size:8px}.display-heading{font-size:clamp(45px,10vw,69px);margin:31px 0;line-height:1.16}.intro-aside .asterisk{font-size:60px}.intro-aside p{font-size:16px}.intro-top{gap:6px}.experience-tabs{gap:3px;overflow-x:auto;flex-wrap:nowrap}.exp-tab{min-width:max-content;padding:11px 9px;font-size:11px;gap:8px}.exp-tab>span:last-child{display:none}.experience-screen{grid-template-columns:1fr}.screen-photo{height:310px;min-height:0}.screen-photo:after{background:linear-gradient(to top,#0e141d 0%,transparent 48%)}.screen-info{padding:15px 24px 28px}.screen-info h3{font-size:30px;margin:14px 0}.screen-info p{font-size:14px;margin:0}.shot-specs{margin:10px 0 16px}.screen-info .button{width:100%;font-size:13px}.learning-experience{padding:6px}.method-head{display:block}.method-head .display-heading{margin-bottom:20px}.method-head>p{font-size:15px;max-width:none;margin:0 0 25px}.method-layout{gap:17px}.method-step{min-height:76px;padding:9px}.method-step strong{font-size:17px}.method-step small{font-size:11px;margin-top:4px}.method-preview{padding:8px;min-height:385px}.preview-image{min-height:275px}.preview-caption{padding:14px 8px;display:block}.preview-caption p{margin-top:8px}.section-split-head{display:block}.section-split-head p{margin:0 0 28px;font-size:15px}.project-collection{grid-template-columns:1fr}.project-hero-card,.project-hero-card:first-child{min-height:450px;grid-row:auto}.project-bottom h3{font-size:33px}.dragon-copy{padding-top:70px}.dragon-copy h2{font-size:53px;margin:22px 0}.dragon-copy p{font-size:16px}.dragon-art{min-height:320px}.dragon-circle{max-width:290px}.dragon-symbol{font-size:110px}.dragon-side-label{font-size:8px;left:20px;bottom:20px}.business-info p{font-size:17px}.final-inner{min-height:460px;padding-top:60px;padding-bottom:60px}.final-inner h2{font-size:76px}.final-decoration{font-size:250px;top:80px}.final-actions .button{font-size:13px;padding:0 12px;gap:12px}.inner-hero{padding:132px 0 65px;min-height:0}.inner-hero h1{font-size:clamp(42px,9vw,63px)}.inner-hero p{font-size:16px}.inner-hero:after{font-size:250px}.lesson-workspace{padding-top:37px}.workshop-projects{display:block}.workshop-projects h2{font-size:27px}.workshop-choices{margin-top:18px}.choice-pill{padding:5px 10px 5px 5px;font-size:12px}.choice-pill img{width:36px;height:36px}.lab-shell{display:block;padding:7px}.lab-rail{border-radius:15px;display:block;padding:17px}.rail-label{font-size:8px}.progress-ring-wrap{display:none}.lab-step-nav{display:flex;overflow-x:auto;gap:5px;margin-top:10px;scrollbar-width:none}.lab-step{flex:0 0 auto;width:auto;padding:9px 12px;border-radius:8px;white-space:nowrap;gap:6px}.lab-step i{font-size:9px}.lab-step span{font-size:11px}.lab-step b,.lab-side-note{display:none}.lab-lesson{padding:18px 8px 12px}.lesson-head h2{font-size:29px}.lesson-head p{font-size:14px}.lesson-image-panel{height:285px}.lesson-guidance{display:block;padding:16px 0}.lesson-guidance p{margin-top:13px}.prompt-reveal>summary{padding:12px}.prompt-reveal>summary>span:last-child{font-size:9px}.prompt-inside{padding:0 12px 13px}.prompt-toolbar{font-size:9px}.copy-button{padding:9px}.prompt-inside pre{font-size:11px}.lesson-footer{gap:6px}.lesson-footer .button{padding:0 13px;min-height:47px;font-size:12px;gap:12px}.lab-prev{font-size:12px;padding:10px}.advanced-link{display:block;padding:23px}.advanced-link h3{font-size:22px}.advanced-link .button{margin-top:20px;width:100%;font-size:12px}.archive-grid,.workflow-wall,.builder-shell,.resources-next,.services-list,.contact-panels,.about-grid{grid-template-columns:1fr}.archive-card>img,.dragon-art-square{height:275px}.workflow-tile img{height:320px}.workflow-final{display:block;padding:23px}.workflow-final .button{margin-top:20px}.builder-form,.builder-out{padding:25px}.builder-form h2{font-size:32px}.builder-out pre{min-height:210px}.service-feature{padding:23px}.service-feature h2{font-size:40px}.services-list article{min-height:180px;padding:23px}.about-portrait{height:370px}.contact-panels>a{min-height:250px;padding:25px}.footer-top{display:block;padding-bottom:30px}.footer-big{font-size:90px}.footer-top .button{margin-top:20px}.footer-bottom{display:block}.footer-bottom nav,.footer-social{margin-top:20px}.footer-bottom nav{gap:12px}.footer-mark{display:block}.foot-note{font-size:8px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal,.enter{opacity:1!important;transform:none!important}}

/* Last-pass Arabic typography and overflow refinements */
html,body{max-width:100%;overflow-x:clip}
@media(max-width:600px){.hero-title{font-size:clamp(57px,12vw,82px);line-height:1.23;letter-spacing:-.045em}.hero-title .outline-word{white-space:nowrap}.home-hero{overflow:clip}}

.hero-last{display:inline}.hero-full{display:inline}
@media(max-width:600px){.hero-last{display:block;white-space:nowrap;font-size:.78em;line-height:1.42;letter-spacing:-.035em}.hero-last .outline-word{-webkit-text-stroke:1px #f7f7f1}.hero-title{line-height:1.14}}

/* Hero performance: avoid live background blur on moving layers. */
.page-progress{width:100%;transform:scaleX(0);transform-origin:right center;will-change:transform}
.home-hero{contain:paint}
.home-hero .stage-glass{backdrop-filter:none;-webkit-backdrop-filter:none;background:rgba(21,32,33,.94)}
.home-hero .cinema-light{filter:none;background:radial-gradient(ellipse,rgba(189,255,96,.15),transparent 70%)}
.home-hero .hero-radar{animation:none}
.home-hero .stage-shot{transition:opacity .65s ease;transform:none}
.home-hero .stage-shot.is-active{transform:none}
.home-hero .equalizer b{animation-name:waveComposite;transform-origin:center}
@keyframes waveComposite{to{transform:scaleY(.2)}}
.home-hero .live-pulse,.home-hero .red-dot{animation-name:pulseComposite}
@keyframes pulseComposite{50%{opacity:.42}}
.home-hero.hero-idle *{animation-play-state:paused!important}
@media(max-width:860px){.home-hero .stage-glass{animation:none}}

/* A fixed live blur otherwise repaints the scrolling content beneath it. */
.cinema-home .nav-inside{backdrop-filter:none;-webkit-backdrop-filter:none;background:rgba(18,20,26,.96)}
/* Arabic interface and project covers. */
.micro,.sup-index,.overline,.inner-eyebrow,.stage-top,.stage-bottom strong,.corner-meta,.hero-signature,.band-track span,.preview-caption>span,.footer-big,.footer-social a,.foot-note,.wordmark{font-family:'Tajawal',Tahoma,sans-serif;letter-spacing:0}
.wordmark{font-size:21px;line-height:1.1}.wordmark small{letter-spacing:0;font-size:10px}.hero-title{margin-top:0}.footer-big{font-size:clamp(65px,9vw,135px);line-height:1.1;letter-spacing:-.04em}.section-kicker:empty,.micro:empty,.inner-eyebrow:empty,.sup-index:empty,.overline:empty,.film-code:empty{display:none}.experience-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:6px 6px 18px}.exp-tab{position:relative;display:block;min-width:0;height:225px;padding:0;overflow:hidden;border-radius:13px;background:#101419;color:white;border:2px solid transparent;white-space:normal;text-align:right}.exp-tab img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 30%;transition:transform .3s}.exp-tab:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 15%,rgba(7,12,15,.93))}.exp-tab.active{border-color:#8cae40}.exp-tab:hover img{transform:scale(1.03)}.exp-tab .cover-caption{display:flex!important;position:absolute;z-index:1;inset:auto 18px 18px;flex-direction:column;gap:7px;color:white}.cover-caption small{font-size:11px;color:#d4e7b7}.cover-caption strong{font-size:23px}.cover-caption>span{font-size:12px;color:#d5dbd3}.series-hero{position:relative;isolation:isolate;min-height:760px;background:#101719;display:flex;align-items:center;overflow:hidden}.series-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.series-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(270deg,rgba(5,12,15,.94),rgba(5,12,15,.62) 52%,rgba(5,12,15,.12)),linear-gradient(0deg,#0a1013,transparent 35%);z-index:-1}.series-content{width:100%;padding-block:90px}.series-label{color:#e4bc79;font-weight:700}.series-content h2{font-size:clamp(65px,9vw,130px);line-height:1.3;margin:20px 0;color:#f1d4a0}.series-subtitle{font-size:clamp(24px,3vw,38px);font-weight:800;line-height:1.5;margin:0 0 20px}.series-description{max-width:580px;color:#c8cfc9;font-size:18px;line-height:1.9}.series-facts{display:flex;flex-wrap:wrap;gap:26px;margin:28px 0}.series-facts span{font-size:13px;color:#d2d6cf}.series-facts b{font-size:28px;color:#f0d3a1;margin-left:6px}.series-note{font-size:12px;line-height:1.8;color:#a8b5ad;margin-top:20px}.series-path{background:#0a1013}.series-path h2{font-size:clamp(30px,4vw,48px);margin:0 0 32px}.series-path-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:35px}.series-path-grid>a{background:#151e21;border:1px solid #2f3b3b;border-radius:18px;overflow:hidden}.series-path-grid img{height:235px;width:100%;object-fit:cover;object-position:center 30%}.series-path-grid>a>div{padding:25px}.series-path-grid span{color:#e0be88;font-size:12px}.series-path-grid h3{font-size:25px;margin:15px 0 10px}.series-path-grid p{color:#b0bdb9;line-height:1.9;font-size:15px}.series-path-grid b{font-size:14px;color:#cbff65}.series-path .text-link{white-space:normal;line-height:1.9}.cinema-home .nav-inside{backdrop-filter:none;-webkit-backdrop-filter:none;background:rgba(18,20,26,.96)}
@media(max-width:600px){.experience-tabs{gap:7px;margin-inline:0;overflow:visible}.exp-tab{height:190px}.exp-tab .cover-caption{inset:auto 9px 12px;gap:5px}.cover-caption strong{font-size:16px;line-height:1.5}.cover-caption small,.cover-caption>span{font-size:9px}.series-path-grid{grid-template-columns:1fr}.series-hero{min-height:740px}.series-content{padding-block:60px}.series-hero:after{background:linear-gradient(0deg,#0a1013,rgba(5,12,15,.65)),linear-gradient(270deg,#050c0fbf,transparent)}.series-facts{gap:14px}.series-facts span{font-size:11px}.series-facts b{font-size:23px}.series-description{font-size:16px}.series-path-grid img{height:260px}}

/* Restore text tabs; new artwork belongs only to the selected project panel. */
.experience-tabs{display:flex;gap:6px;margin:6px 6px 14px;flex-wrap:wrap}
.exp-tab{position:relative;display:flex;flex:1;justify-content:space-between;align-items:center;gap:14px;height:auto;min-width:0;padding:16px 20px;border:0;border-radius:11px;background:transparent;color:#5d665c;text-align:inherit;font-size:15px;font-weight:800;white-space:nowrap;overflow:visible}
.exp-tab:after{display:none}.exp-tab.active{background:#11171b;color:white}.exp-tab>span:first-child{font-family:'Tajawal',Tahoma,sans-serif;font-size:11px;color:#72776f}.exp-tab.active>span:first-child{color:var(--lime)}.exp-tab>span:last-child{display:inline;font-size:20px}
#experience-image{object-position:center center}
@media(max-width:600px){.experience-tabs{gap:3px;overflow-x:auto;flex-wrap:nowrap}.exp-tab{flex:1 0 auto;min-width:max-content;padding:11px 9px;font-size:11px;gap:8px}.exp-tab>span:last-child{display:none}}
/* Real-work content portfolio. */
.content-showcase .section-split-head p{max-width:440px}.content-slider{border:1px solid #cbd0c4;border-radius:24px;padding:12px;background:#dce0d4}.content-slide{display:grid;grid-template-columns:1.12fr 1fr;min-height:520px;background:#0e171b;color:#f3f2eb;border-radius:16px;overflow:hidden}.content-slide[hidden]{display:none}.content-art{position:relative;display:flex;gap:12px;align-items:center;justify-content:center;padding:32px;background:radial-gradient(ellipse at center,#35453c,#111c20 75%);overflow:hidden;min-width:0}.content-main-image{width:53%;height:440px;object-fit:cover;object-position:center;border-radius:12px;box-shadow:0 14px 36px #0006}.content-detail-image{width:39%;height:350px;object-fit:cover;object-position:center;border-radius:12px;box-shadow:0 14px 36px #0006;transform:translateY(22px)}.content-image-label{position:absolute;bottom:12px;right:28px;font-size:11px;color:#c5d2c9}.content-slide-copy{align-self:center;padding:45px 34px}.content-kind{color:var(--lime);font-size:13px;font-weight:700}.content-slide-copy h3{font-size:clamp(30px,3.2vw,48px);line-height:1.35;margin:18px 0;letter-spacing:-.035em}.content-slide-copy>p{font-size:17px;line-height:1.95;color:#bbc7c4;margin-bottom:25px}.content-tags{list-style:none;margin:0 0 28px;padding:0;display:flex;flex-wrap:wrap;gap:8px}.content-tags li{font-size:12px;border:1px solid #53654d;border-radius:30px;padding:7px 12px;color:#dfebd4}.content-coming{display:inline-block;border-top:1px solid #3c4a45;padding-top:17px;color:#aebcb5;font-size:12px}.content-slider-controls{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 8px 5px}.content-tabs{display:flex;gap:6px;flex-wrap:wrap}.content-tabs button{background:transparent;border:0;border-radius:9px;padding:11px 16px;font-size:13px;color:#53604f;font-weight:800}.content-tabs button[aria-selected=true]{background:#11191b;color:#e4f7d0}.content-slider-arrows{display:flex;align-items:center;gap:14px;flex-shrink:0;font-size:13px;color:#455140}.content-slider-arrows button{width:39px;height:39px;background:#f3f2eb;border:1px solid #bbc5b3;border-radius:50%;font-size:21px;color:#1b2820}.content-slider-arrows button:hover{background:var(--lime)}
@media(max-width:860px){.content-slide{grid-template-columns:1fr}.content-art{padding:25px;min-height:400px}.content-main-image{width:42%;height:380px}.content-detail-image{width:32%;height:310px}.content-slide-copy{padding:30px}.content-slider-controls{align-items:flex-start}.content-tabs button{padding:10px;font-size:12px}}
@media(max-width:600px){.content-slider{padding:7px;border-radius:18px}.content-art{padding:20px 18px 28px;gap:10px;min-height:330px}.content-main-image{width:52%;height:310px}.content-detail-image{width:39%;height:260px;transform:translateY(12px)}.content-slide-copy{padding:25px 22px;min-height:390px}.content-slide-copy h3{font-size:33px}.content-slide-copy>p{font-size:15px}.content-slider-controls{flex-direction:column;padding:12px 0 5px;gap:12px}.content-tabs{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:5px}.content-tabs button{padding:11px 8px}.content-slider-arrows{align-self:center}.content-image-label{font-size:10px;right:20px;bottom:8px}}

/* Fire Covenant enters directly through its city hero. */
.series-story{max-width:610px;font-size:19px;line-height:1.9;color:#f0e5d3;margin:18px 0}.series-description{font-size:16px;color:#bcc8c0}.series-path-grid img{height:auto;aspect-ratio:16/9;object-fit:cover;object-position:center}.series-path-grid>a{transition:border-color .2s}.series-path-grid>a:hover{border-color:#a9946e}.series-path-grid>a:focus-visible{outline-color:#e4bc79}
@media(max-width:600px){.series-story{font-size:17px}.series-path-grid img{height:auto;aspect-ratio:16/9}.series-subtitle{font-size:26px}.series-content{padding-block:65px}}

/* Project category library. */
.project-category-nav{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}.project-category-nav a{padding:10px 15px;border:1px solid #52624d;border-radius:25px;font-size:13px;color:#d6e4ce}.project-category-nav a:hover{background:var(--lime);color:#182018}.project-category+.project-category{padding-top:15px}.project-category-title{font-size:clamp(28px,4vw,46px);margin:0 0 25px}.project-library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.project-library-card{background:#e1e6d9;border:1px solid #ccd4c2;border-radius:18px;overflow:hidden}.project-library-card>img{width:100%;height:240px;object-fit:cover;object-position:center}.project-library-card>div{padding:25px}.project-library-card h3{font-size:25px;line-height:1.4;margin:0 0 13px}.project-library-card p{font-size:15px;line-height:1.85;color:#5b6856}.project-library-card .text-link{font-size:14px}.project-page-soon{display:block;border-top:1px solid #bdc8b1;padding-top:17px;color:#65705f;font-size:12px}
@media(max-width:860px){.project-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.project-library-grid{grid-template-columns:1fr}.project-category-nav a{font-size:12px;padding:9px 12px}.project-library-card>img{height:250px}}
/* First complete production case study. */
.tutorial-hero{padding:150px 0 75px;background:radial-gradient(ellipse at 80% 50%,#243d35,#0b1217 70%)}.tutorial-hero-grid{display:grid;grid-template-columns:1.25fr .65fr;gap:70px;align-items:center}.tutorial-back{font-size:13px;color:#b7cbb9}.tutorial-kicker{font-size:13px;color:#a6cb7d;font-weight:800}.tutorial-hero h1{font-size:clamp(48px,6vw,83px);line-height:1.3;letter-spacing:-.045em;margin:24px 0}.tutorial-hero h1 em{color:var(--lime);font-style:normal}.tutorial-intro{font-size:19px;color:#b9c7c1;line-height:1.9;max-width:600px}.tutorial-facts{display:flex;gap:9px;flex-wrap:wrap;margin:24px 0 30px}.tutorial-facts span{padding:8px 13px;border:1px solid #4b6553;border-radius:25px;font-size:12px;color:#e0eacb}.tutorial-hero-grid>img{width:100%;height:490px;object-fit:cover;border-radius:22px;border:1px solid #536350}.tutorial-section-nav{display:flex;flex-wrap:wrap;gap:20px;padding-top:23px;padding-bottom:23px;font-size:14px}.tutorial-section-nav a{color:#cbdbca}.project-detail h2{font-size:clamp(30px,4vw,48px);line-height:1.4;margin:0 0 24px}.tutorial-result{display:grid;grid-template-columns:1fr .7fr;align-items:center;gap:70px}.tutorial-result p{font-size:18px;line-height:1.9;color:#5c6b5c}.tutorial-result video{width:100%;max-height:620px;background:#080e10;border-radius:18px;aspect-ratio:9/16;object-fit:contain}.tutorial-small{font-size:13px!important;line-height:1.85!important;color:#6e7d6c!important}.tutorial-method{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;list-style-position:inside;padding:0;counter-reset:none}.tutorial-method li{background:#172529;border:1px solid #344a41;border-radius:15px;padding:24px;color:#c3f18f}.tutorial-method b{font-size:19px;line-height:1.8}.tutorial-method p{font-size:15px;line-height:1.9;color:#bac8c1}.tutorial-note{margin-top:25px;padding:20px;border-right:3px solid #cbff65;background:#1c2c27;color:#d5e4c9;line-height:1.8;font-size:14px}.tutorial-lead{font-size:17px;line-height:1.9;max-width:800px;color:#a9bbb0}.paper-section .tutorial-lead{color:#62715e}.tutorial-reference-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:28px 0}.tutorial-reference-grid a{background:#dce3d2;overflow:hidden;border:1px solid #c2ccb6;border-radius:12px}.tutorial-reference-grid img{width:100%;height:190px;object-fit:contain;background:#182025}.tutorial-reference-grid span{display:block;padding:16px;font-size:14px;font-weight:800}.tutorial-scene-jumps{display:flex;gap:8px;flex-wrap:wrap;margin:30px 0}.tutorial-scene-jumps a{font-size:12px;background:#172529;border:1px solid #3a5043;border-radius:25px;padding:9px 13px}.tutorial-scene{background:#141f24;border:1px solid #36483c;border-radius:16px;margin-bottom:15px;scroll-margin-top:105px;overflow:hidden}.tutorial-scene>summary{display:flex;align-items:center;justify-content:space-between;gap:18px;list-style:none;padding:23px 27px;cursor:pointer}.tutorial-scene>summary::-webkit-details-marker{display:none}.tutorial-scene>summary small{display:block;color:#b8d79d;font-size:12px;margin-bottom:7px}.tutorial-scene>summary strong{font-size:23px}.tutorial-scene>summary>span:last-child{color:#a6b9ad;font-size:13px;white-space:nowrap}.tutorial-scene>summary b{font-size:22px;margin-right:12px}.tutorial-scene[open]>summary{border-bottom:1px solid #33453b}.tutorial-scene[open]>summary b{display:inline-block;transform:rotate(45deg)}.tutorial-scene-body{padding:28px}.tutorial-sheet{display:block;background:#070d10;border-radius:10px;overflow:hidden}.tutorial-sheet img{width:100%;max-height:650px;object-fit:contain}.tutorial-sheet span{display:block;padding:14px;text-align:center;color:#cbff65;font-size:13px}.tutorial-dialogue{padding:23px;margin:22px 0;background:#24342c;border-radius:12px}.tutorial-dialogue h3{font-size:15px;color:#bbdd99;margin:0}.tutorial-dialogue p{font-size:19px;line-height:1.9;margin-bottom:0}.tutorial-attachments{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding-right:23px}.tutorial-attachments li{padding:0 5px;font-size:13px;color:#c6e8a6}.tutorial-attachments a{display:flex;align-items:center;justify-content:space-between;gap:15px;background:#1d2d2b;border:1px solid #405442;border-radius:9px;padding:14px;color:#d9e6da}.tutorial-attachments b{font-size:12px;white-space:nowrap;color:#c3ed9e}.tutorial-prompt-head{display:flex;gap:20px;justify-content:space-between;align-items:center;margin-top:30px}.tutorial-prompt-head h3{font-size:18px}.tutorial-prompt{font-family:monospace;font-size:13px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere;max-height:470px;overflow-y:auto;background:#091115;color:#c8dbce;border:1px solid #364d3f;border-radius:12px;padding:24px;direction:ltr;text-align:left;tab-size:2}.tutorial-download{font-size:13px;color:#cbff65;display:inline-block;padding:12px 0}.tutorial-review ul{font-size:17px;line-height:2.1;padding-right:22px;max-width:900px}.tutorial-review .button{margin-top:24px}.tutorial-home-link{color:#cbff65;font-size:14px;line-height:1.9}
@media(max-width:860px){.tutorial-hero-grid{gap:25px;grid-template-columns:1fr .65fr}.tutorial-method{grid-template-columns:repeat(2,1fr)}.tutorial-result{gap:30px}.tutorial-reference-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.tutorial-hero{padding-top:120px}.tutorial-hero-grid,.tutorial-result{grid-template-columns:1fr}.tutorial-hero h1{font-size:47px}.tutorial-hero-grid>img{height:320px;object-position:center 30%}.tutorial-intro{font-size:17px}.tutorial-result video{max-height:560px}.tutorial-method{grid-template-columns:1fr}.tutorial-reference-grid{gap:10px}.tutorial-reference-grid img{height:145px}.tutorial-reference-grid span{font-size:12px;padding:12px}.tutorial-scene>summary{padding:20px 15px}.tutorial-scene>summary strong{font-size:19px}.tutorial-scene-body{padding:14px}.tutorial-attachments{grid-template-columns:1fr}.tutorial-dialogue{padding:18px}.tutorial-dialogue p{font-size:17px}.tutorial-prompt{font-size:11px;padding:15px}.tutorial-prompt-head h3{font-size:16px}.tutorial-section-nav{gap:15px;font-size:12px}.tutorial-scene-jumps a{font-size:11px}.tutorial-review ul{font-size:15px}}

.character-reference-hero{object-fit:contain!important;background:#172226}.character-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.character-choice-grid article{padding:24px;background:#e0e6d6;border:1px solid #c5d1b7;border-radius:15px}.character-choice-grid h3{font-size:26px;margin:0 0 12px}.character-choice-grid p{font-size:16px;line-height:1.9;color:#596a53}.character-choice-grid img{width:100%;height:300px;object-fit:contain;background:#101a1d;border-radius:10px}.tutorial-sheet-map{color:#b5cc9b;font-size:13px;line-height:1.8;margin:0 0 16px}@media(max-width:600px){.character-choice-grid{grid-template-columns:1fr}.character-choice-grid img{height:230px}}

.character-reference-hero{object-fit:contain!important;background:#172226}.character-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.character-choice-grid article{padding:24px;background:#e0e6d6;border:1px solid #c5d1b7;border-radius:15px}.character-choice-grid h3{font-size:26px;margin:0 0 12px}.character-choice-grid p{font-size:16px;line-height:1.9;color:#596a53}.character-choice-grid img{width:100%;height:300px;object-fit:contain;background:#101a1d;border-radius:10px}.tutorial-sheet-map{color:#b5cc9b;font-size:13px;line-height:1.8;margin:0 0 16px}@media(max-width:600px){.character-choice-grid{grid-template-columns:1fr}.character-choice-grid img{height:230px}}

.location-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.location-choice-grid article{padding:24px;background:#e0e6d6;border:1px solid #c5d1b7;border-radius:15px}.location-choice-grid h3{font-size:26px;margin:0 0 12px}.location-choice-grid p{font-size:16px;line-height:1.9;color:#596a53}.location-choice-grid img{width:100%;height:300px;object-fit:contain;background:#101a1d;border-radius:10px}.tutorial-related-link{margin:24px 20px 0;line-height:1.8}@media(max-width:600px){.location-choice-grid{grid-template-columns:1fr}.location-choice-grid img{height:230px}.tutorial-related-link{margin-inline:0}}
/* Case pages for real film and comedy projects. */
.case-lead{font-size:19px;line-height:1.9;color:#5d6f58;max-width:850px}.case-video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:28px auto;max-width:1000px}.case-video-grid:has(>figure:only-child){grid-template-columns:1fr;max-width:430px}.case-video-grid figure{margin:0;min-width:0}.case-video-grid video{display:block;width:100%;aspect-ratio:9/16;max-height:650px;object-fit:contain;border-radius:16px;background:#080d10}.case-video-grid figcaption{font-size:14px;font-weight:700;padding:14px 0}.case-source-status{margin:30px 0 0;padding:23px;border-radius:13px;background:#dce5d2;border:1px solid #bac9ad;max-width:900px;color:#263d27}.case-source-status h3{font-size:19px;margin:0 0 10px}.case-source-status p{font-size:15px;line-height:1.85;margin:0}.case-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.case-gallery article{background:#17242a;border:1px solid #3c5044;border-radius:16px;overflow:hidden}.case-gallery-image{display:block;background:#080e12}.case-gallery img{width:100%;height:350px;object-fit:contain}.case-gallery article>div{padding:20px}.case-gallery h3{font-size:19px;margin:0 0 14px}.case-gallery article>div>a{font-size:13px;color:#cbff65;margin-left:24px;display:inline-block;line-height:2}.case-lesson{margin-top:18px;color:#eef4e8}.case-lesson .tutorial-scene-body>p{line-height:1.9;font-size:17px;color:#c3d2c6}.case-workflow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding-right:24px;margin:30px 0}.case-workflow li{padding:21px;background:#dfe6d5;border-radius:12px}.case-workflow b{font-size:19px}.case-workflow p{font-size:16px;line-height:1.9;color:#617259}.case-related{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.case-related a{padding:26px;border-radius:15px;border:1px solid #3d5144;background:#18272a}.case-related span{font-size:12px;color:#b3cd9c}.case-related h3{font-size:22px;line-height:1.5;margin-bottom:0}
@media(max-width:600px){.case-video-grid,.case-gallery,.case-workflow,.case-related{grid-template-columns:1fr}.case-video-grid video{max-height:560px}.case-gallery img{height:280px}.case-lead{font-size:17px}.case-gallery article>div{padding:17px}.case-workflow{padding-right:20px}.case-related{gap:12px}}

.short-frame-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.short-frame-grid a{background:#18272a;border:1px solid #3d5144;border-radius:14px;overflow:hidden}.short-frame-grid img{height:390px;width:100%;object-fit:contain;background:#080e12}.short-frame-grid span{display:block;padding:17px;color:#cbff65;font-size:13px}@media(max-width:600px){.short-frame-grid{grid-template-columns:1fr}.short-frame-grid img{height:370px}}

.content-project-links{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.resource-project-library{padding-bottom:40px}
/* Guided execution path — newly written exercises, separate from production archives. */
.practice-privacy{font-size:12px;line-height:1.8;color:#adbdaf;margin-top:23px;max-width:550px}.practice-prep-grid,.practice-tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin:28px 0}.practice-prep-grid article{padding:26px;background:#e1e7d7;border:1px solid #c1cfb4;border-radius:15px}.practice-prep-grid h3{font-size:23px;margin:0 0 15px}.practice-prep-grid p,.practice-prep-grid li{font-size:16px;line-height:1.9;color:#596e52}.practice-prep-grid ul{padding-right:20px;margin-bottom:0}.practice-prep-grid .text-link{font-size:14px;gap:15px}.practice-related{display:flex;gap:22px;flex-wrap:wrap;margin-top:23px}.practice-related a{font-size:14px;text-decoration:underline;text-underline-offset:5px;line-height:1.9}.practice-page .tutorial-note a{font-weight:800;text-decoration:underline}.practice-composer{display:grid;grid-template-columns:.85fr 1.15fr;gap:20px;margin-top:30px}.practice-form,.practice-output{padding:28px;border:1px solid #3d5244;border-radius:17px;background:#17262a;min-width:0}.practice-form label{display:block;font-size:14px;font-weight:700;margin:17px 0 10px;color:#dfebd4}.practice-form label:first-child{margin-top:0}.practice-form input,.practice-form textarea,.practice-form select{display:block;width:100%;font:inherit;font-size:14px;padding:13px;color:#f3f4ee;background:#0c171c;border:1px solid #536c57;border-radius:9px}.practice-form [hidden]{display:none}.practice-form textarea{resize:vertical}.practice-output h3{font-size:24px;color:#d7efbd;margin:0 0 18px}.practice-upload-order{font-size:15px;line-height:1.9;color:#c1d3c5}.practice-output .tutorial-prompt{max-height:640px;min-height:320px}.practice-output-actions{display:flex;gap:12px;flex-wrap:wrap}.practice-output-actions .button{font-size:14px;padding:0 18px;min-height:48px}.practice-output-note{font-size:13px;line-height:1.9;color:#adc0b1}.practice-validation{font-size:13px;color:#edcd8d;line-height:1.8}.practice-page button:disabled{opacity:.45;cursor:not-allowed;transform:none}.practice-tool-steps{font-size:17px;line-height:2.1;padding-right:22px}.practice-tool-reference{margin:0;align-self:start;background:#dce4d2;border:1px solid #b9c8a9;border-radius:14px;overflow:hidden}.practice-tool-reference img{width:100%;height:auto;object-fit:contain}.practice-tool-reference figcaption{padding:17px;font-size:13px;line-height:1.85;color:#5d7056}.practice-settings{padding:25px;background:#e0e7d6;border-radius:14px;margin-top:28px}.practice-settings h3{margin-top:0;font-size:24px}.practice-settings dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0}.practice-settings dt{font-weight:800;color:#526f43;margin-bottom:8px}.practice-settings dd{margin:0;font-size:15px;line-height:1.8}.practice-checklist{display:grid;gap:12px;max-width:900px;margin:28px 0}.practice-checklist label{display:flex;gap:15px;padding:20px;background:#182b2a;border:1px solid #476040;border-radius:12px;font-size:16px;line-height:1.8;cursor:pointer}.practice-checklist input{flex-shrink:0;width:22px;height:22px;accent-color:#cbff65}.practice-review-progress{color:#cbff65;font-size:20px;font-weight:800}.practice-fixes{display:grid;gap:13px}.practice-fixes details{padding:20px;border:1px solid #c0cfb0;border-radius:12px;background:#e1e8d8}.practice-fixes summary{font-size:18px;font-weight:800;cursor:pointer}.practice-fixes p{line-height:1.9;color:#546c4a;font-size:16px;margin-bottom:0}
@media(max-width:860px){.practice-composer,.practice-tool-grid{grid-template-columns:1fr}.practice-settings dl{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.practice-prep-grid{grid-template-columns:1fr}.practice-form,.practice-output{padding:20px}.practice-settings dl{grid-template-columns:1fr}.practice-checklist label{font-size:14px;padding:17px}.practice-output .tutorial-prompt{min-height:250px}.practice-tool-steps{font-size:15px}}

.practice-entry{padding:25px;background:#dce8ce;border:1px solid #b2c49f;border-radius:15px;margin:25px 0 30px}.practice-entry h3{font-size:25px;margin:0 0 12px}.practice-entry p{font-size:16px;line-height:1.8;color:#526b45}

/* Phase 2: clear source labels and focused practice journeys. */
.project-content-label{display:inline-block;font-size:12px!important;line-height:1.8!important;font-weight:800;color:#b7da99!important;background:#233d2d;padding:6px 11px;border-radius:7px;margin:0 0 12px!important}.project-library-card .project-content-label{color:#315021!important;background:#cbdcbb}.practice-direct-link{display:flex;margin-top:16px}.reference-test-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:25px 0}.reference-test-card{min-width:0;padding:23px;border:1px solid #4c6444;border-radius:14px;background:#17272a}.reference-test-card h3{font-size:21px;color:#d6efb8}.reference-test-card p{font-size:15px;line-height:1.9;color:#c3d3c4}.reference-test-card pre{font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere;max-height:300px;overflow:auto;color:#e6ebdf}.reference-test-card .button{font-size:13px;min-height:43px;padding:10px 14px}.reference-practice-page .practice-checklist{max-width:none}.reference-practice-page .practice-fixes{margin-top:28px}.reference-practice-page .practice-fixes details{color:#142119}.workflow-wall{grid-template-columns:repeat(3,minmax(0,1fr))}.workflow-tile .text-link{font-size:14px;margin:15px 5px}.practice-form [hidden],.practice-output [hidden]{display:none!important}@media(max-width:860px){.reference-test-grid{grid-template-columns:1fr}.workflow-wall{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.workflow-wall{grid-template-columns:1fr}.reference-test-card{padding:19px}.reference-practice-page .tutorial-hero-grid h1{font-size:42px}}

/* Phase 3 — native artwork geometry and intact teaching references. */
.project-cover-picture{display:block;width:100%;min-width:0;overflow:hidden}.project-cover-picture>img{display:block;width:100%;height:auto;max-width:100%;object-fit:contain}.project-library-card>.project-cover-picture{background:#111b20}.project-library-card>.project-cover-picture>img{height:auto;aspect-ratio:auto;object-fit:contain}.cover-led-hero{grid-template-columns:1fr 1fr;gap:50px}.cover-led-hero>.project-cover-picture{border:1px solid #536350;border-radius:20px;box-shadow:0 22px 65px #0003}.cover-led-hero>.project-cover-picture>img{height:auto;aspect-ratio:auto;object-fit:contain}.tutorial-hero-grid>.character-reference-hero{height:auto;max-height:none;object-fit:contain;aspect-ratio:auto}.experience-screen{min-height:0;align-items:center}.screen-photo{height:auto;min-height:0;aspect-ratio:3/2}.screen-photo>img{object-fit:contain}.screen-photo:after{background:linear-gradient(0deg,#0e141d44,transparent 22%)}.preview-image{flex:none;height:auto;min-height:0;aspect-ratio:3/2}.preview-image>img{object-fit:contain}.home-hero .stage-window{top:18%;bottom:auto;left:5%;right:1%;height:auto;aspect-ratio:3/2}.home-hero .stage-shot>img{object-fit:contain;object-position:center}.content-art{display:grid;grid-template-columns:1fr .82fr;align-items:center;gap:16px;min-height:0;padding:28px}.content-main-image,.content-detail-image{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:contain;object-position:center;transform:none}.content-detail-image{align-self:center}.content-image-label{bottom:8px}.lesson-image-panel{display:grid;place-items:center;height:auto;min-height:0;padding:16px}.lesson-image-panel img{position:static;inset:auto;display:block;width:auto;max-width:100%;height:auto;max-height:520px;object-fit:contain}.workflow-tile img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}.about-portrait{height:auto;aspect-ratio:31/38}.about-portrait img{object-fit:contain;mix-blend-mode:normal}.series-backdrop>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.case-gallery img,.tutorial-reference-grid img,.tutorial-attachments img,.tutorial-sheet{object-fit:contain}.series-path-grid img{object-fit:contain}.project-cover-picture img{transition:opacity .3s ease}
@media(max-width:860px){.cover-led-hero{grid-template-columns:1fr;gap:28px}.cover-led-hero>.project-cover-picture{max-width:700px;margin-inline:auto}.content-art{grid-template-columns:1fr .82fr;padding:25px;gap:14px}.screen-photo{height:auto;aspect-ratio:3/2}.preview-image{min-height:0;aspect-ratio:3/2}.home-hero .stage-window{top:18%;left:4%;right:2%}}
@media(max-width:600px){.cover-led-hero>.project-cover-picture{border-radius:16px}.content-art{padding:20px 18px 30px;gap:12px;grid-template-columns:1fr .82fr}.content-main-image,.content-detail-image{width:100%;height:auto;transform:none;aspect-ratio:9/16}.lesson-image-panel{height:auto;padding:12px}.lesson-image-panel img{height:auto;max-height:430px}.workflow-tile img{height:auto;aspect-ratio:3/2}.about-portrait{height:auto}.tutorial-hero-grid>.character-reference-hero{height:auto}.series-backdrop>img{object-position:center top}.home-hero .stage-window{top:17%;left:2%;right:1%}}

/* Phase 4: clear navigation, keyboard focus and a consistent learning journey. */
:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid #77a524;outline-offset:5px}
:where(.home-hero,.method-section,.tutorial-hero,.lab-rail,.builder-shell,.site-nav,.site-footer) :focus-visible{outline-color:#cbff65}
main:focus{outline:none}
[id]{scroll-margin-top:110px}
[role="tabpanel"]{min-width:0}
.project-guide{padding:24px 28px;border:1px solid #c5cdbb;border-radius:16px;background:#e3e8db;margin:0 0 30px}
.project-guide p{font-size:16px;line-height:1.9;max-width:940px;margin:0 0 14px;color:#435340}
.project-guide .text-link{font-size:15px}
.journey-callout{display:flex;align-items:center;justify-content:space-between;gap:30px}
.journey-callout h2{font-size:clamp(30px,4vw,48px);line-height:1.4;margin:0 0 16px}
.journey-callout p{max-width:720px;line-height:1.9;color:#52624f;font-size:17px}
.journey-callout .button{flex-shrink:0}
.contact-panels bdi{direction:ltr;unicode-bidi:isolate}
@media(max-width:860px){.journey-callout{align-items:flex-start;flex-direction:column}.lab-step-nav{scroll-padding:12px}.project-guide{padding:20px}.nav-links a{min-height:44px}.nav-toggle{min-width:44px;min-height:44px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{transition:none}.experience-screen img,.method-preview img,.lab-lesson img{transition:none!important}}

.project-guide-section{padding-block:28px}.project-guide-section .project-guide{margin:0}

/* Lightweight playback; original downloads stay available. */
.watch-player{display:flex;flex-direction:column;gap:12px;min-width:0}
.watch-original{font-size:13px;line-height:1.8;text-decoration:underline;text-underline-offset:4px;align-self:flex-start;color:inherit;padding-block:4px}
.watch-original:hover{color:#6a8d25}