@font-face{font-family:'Lato';src:url('/fonts/lato-400.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'Lato';src:url('/fonts/lato-700.woff2') format('woff2');font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:'Poppins';src:url('/fonts/poppins-500.woff2') format('woff2');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:'Poppins';src:url('/fonts/poppins-600.woff2') format('woff2');font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:'Poppins';src:url('/fonts/poppins-700.woff2') format('woff2');font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:'Poppins';src:url('/fonts/poppins-800.woff2') format('woff2');font-style:normal;font-weight:800;font-display:swap}
@font-face{font-family:'Traditional Arabic Local';src:url('/fonts/traditional-arabic-bold.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}
:root{--ink:#0b0b0b;--paper:#eee9df;--orange:#ff552f;--blue:#537dff;--line:#292929;--pad:clamp(24px,5vw,76px)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font-family:Inter,sans-serif}body:before{content:"";position:fixed;inset:0;z-index:9999;pointer-events:none;opacity:.05;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='.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}a{color:inherit}.site-header{height:84px;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:100;background:rgba(11,11,11,.94)}.logo{font:800 32px/1 'Barlow Condensed';color:var(--orange);text-decoration:none;font-style:italic}.site-header nav{display:flex;gap:clamp(20px,3vw,48px)}.site-header nav a{font:600 13px 'Barlow Condensed';text-transform:uppercase;letter-spacing:.08em;text-decoration:none}.site-header nav a:hover{color:var(--orange)}.menu-toggle{display:none;background:none;border:0;color:var(--paper);font:600 15px 'Barlow Condensed'}.section-dark{border-bottom:1px solid var(--line);padding:clamp(70px,8vw,130px) var(--pad)}h1,h2,h3{font-family:'Barlow Condensed';margin:0}p{line-height:1.7;color:#b8b8b8}.hero{min-height:calc(100vh - 84px);position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;overflow:hidden;padding-top:45px;padding-bottom:80px}.hero-copy{z-index:3}.label{font:600 12px 'Barlow Condensed';letter-spacing:.12em;color:var(--orange)}.hero h1{font-size:clamp(82px,12vw,190px);line-height:.72;letter-spacing:-.025em}.hero h1 span,.contact-cta h2 span{color:var(--orange)}.hero-copy>p{color:var(--paper);font-size:clamp(14px,1.2vw,18px);margin:28px 0}.text-link{display:inline-flex;gap:28px;align-items:center;color:var(--orange);text-transform:uppercase;text-decoration:none;border-bottom:1px solid;padding:10px 0;font:600 14px 'Barlow Condensed'}.text-link.blue{color:var(--blue)}.hero-visual{height:76vh;position:relative;display:flex;justify-content:center;align-items:flex-end}.hero-visual img{height:min(70vh,760px);max-width:100%;object-fit:contain;position:relative;z-index:2;filter:grayscale(.3) contrast(1.08) drop-shadow(0 30px 50px #000)}.orbit{position:absolute;border:2px solid var(--orange);width:72%;height:24%;top:29%;transform:rotate(-12deg) skewX(-18deg)}.orbit.second{top:43%;transform:rotate(7deg) skewX(24deg);opacity:.35}.frame-number{position:absolute;right:0;top:48%;color:#777;font:500 11px 'Barlow Condensed'}.frame-number strong{color:var(--orange);font-size:24px}.timeline{position:absolute;bottom:25px;left:var(--pad);right:var(--pad);display:flex;align-items:center;gap:16px;color:#888;font:12px monospace}.timeline i{height:1px;background:#555;flex:1}.timeline .playhead{height:10px;background:var(--orange);flex:.03}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:36px}.section-heading h2{font-size:clamp(40px,5vw,74px)}.section-heading a,.section-heading span{font:600 12px 'Barlow Condensed';color:var(--orange);text-decoration:none;text-transform:uppercase}.work-rail{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.work-rail video{width:100%;aspect-ratio:16/10;object-fit:cover;background:#111;filter:saturate(.72);transition:.5s}.work-rail article:hover video{transform:scale(1.025);filter:saturate(1)}.work-rail small{display:block;color:var(--blue);margin-top:18px;font:500 10px 'Barlow Condensed'}.work-rail h3{font-size:23px;margin-top:6px}.service-list{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.service-list>a{padding:30px 24px;min-height:290px;text-decoration:none;border-right:1px solid var(--line);transition:.35s}.service-list>a:hover{background:#121212;transform:translateY(-8px)}.service-list b{font:500 32px 'Barlow Condensed';color:var(--orange)}.service-list h3{font-size:30px;margin:22px 0}.service-list p{font-size:13px}.service-list span{color:var(--orange);font-size:24px}.about-strip{display:grid;grid-template-columns:minmax(260px,.7fr) 1.3fr;gap:clamp(40px,7vw,120px);align-items:center}.portrait-frame{height:480px;overflow:hidden;border:1px solid var(--line)}.portrait-frame img{width:100%;height:100%;object-fit:contain;filter:grayscale(1);background:#101010}.about-strip h2{font-size:clamp(42px,6vw,86px);line-height:.9;margin:20px 0 28px}.experience-line{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #555}.experience-line article{padding:24px 30px 0 0;position:relative}.experience-line article:before{content:"";position:absolute;width:12px;height:12px;border-radius:50%;background:var(--ink);border:2px solid #aaa;top:-7px}.experience-line article:first-child:before,.experience-line article:last-child:before{background:var(--orange);border-color:var(--orange)}.experience-line b{font:500 24px 'Barlow Condensed';color:var(--orange)}.experience-line h3{font-size:24px;margin-top:14px}.experience-line p{font-size:12px}.contact-cta{display:grid;grid-template-columns:1.25fr .75fr;align-items:center;gap:60px}.contact-cta h2{font-size:clamp(60px,8vw,120px);line-height:.83}.button{display:flex;justify-content:space-between;align-items:center;margin-top:30px;background:var(--orange);color:#0b0b0b;padding:22px 26px;max-width:330px;text-decoration:none;text-transform:uppercase;font:700 16px 'Barlow Condensed'}footer{padding:26px var(--pad);display:flex;align-items:center;gap:50px;border-top:1px solid var(--line)}footer p{font-size:11px;margin-right:auto}footer div{display:flex;gap:24px}footer a{text-decoration:none}.page-hero{min-height:62vh;display:flex;align-items:end;position:relative;overflow:hidden}.page-hero:after{content:attr(data-index);position:absolute;right:var(--pad);top:50%;transform:translateY(-50%);font:700 min(30vw,400px)/1 'Barlow Condensed';color:#111}.page-hero>div{position:relative;z-index:1}.page-hero h1{font-size:clamp(76px,13vw,190px);line-height:.8;max-width:1100px}.page-hero p{max-width:720px;font-size:18px}.detail-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw}.detail-grid h2,.page-copy h2{font-size:clamp(42px,6vw,82px);line-height:.9}.deliverables{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.deliverables li{padding:22px 0;border-bottom:1px solid var(--line);display:flex;gap:25px}.deliverables li:before{content:'→';color:var(--orange)}.service-nav{display:grid;grid-template-columns:repeat(4,1fr)}.service-nav a{padding:35px;border-right:1px solid var(--line);text-decoration:none;font:600 24px 'Barlow Condensed'}.service-nav a:hover{color:var(--orange)}.page-copy{max-width:1050px}.page-copy h2{margin:60px 0 20px}.page-copy p{font-size:clamp(16px,1.5vw,21px)}.jobs article{display:grid;grid-template-columns:180px 1fr;padding:35px 0;border-bottom:1px solid var(--line)}.jobs b{color:var(--orange);font:500 24px 'Barlow Condensed'}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:8vw}.contact-links a{display:block;font:600 clamp(25px,4vw,54px) 'Barlow Condensed';text-decoration:none;border-bottom:1px solid var(--line);padding:20px 0}.contact-form{display:grid;gap:18px}.contact-form input,.contact-form textarea{background:none;border:0;border-bottom:1px solid #555;color:#fff;padding:18px 0;font:16px Inter}.contact-form textarea{min-height:130px}.contact-form button{border:0;cursor:pointer}
@media(max-width:850px){.site-header nav{display:none;position:absolute;top:84px;left:0;right:0;padding:24px var(--pad);background:#0b0b0b;flex-direction:column}.site-header nav.open{display:flex}.menu-toggle{display:block}.hero{grid-template-columns:1fr}.hero-visual{position:absolute;inset:20% -15% 5% 40%;opacity:.55}.hero h1{font-size:clamp(78px,23vw,140px)}.work-rail{grid-template-columns:1fr}.service-list{grid-template-columns:1fr 1fr}.about-strip,.contact-cta,.detail-grid,.contact-grid{grid-template-columns:1fr}.experience-line{grid-template-columns:1fr 1fr;gap:50px}.service-nav{grid-template-columns:1fr 1fr}.portrait-frame{height:390px}.jobs article{grid-template-columns:1fr}}@media(max-width:520px){.section-dark{padding-top:65px;padding-bottom:65px}.service-list,.experience-line,.service-nav{grid-template-columns:1fr}.service-list>a{border-right:0;border-bottom:1px solid var(--line);min-height:230px}.contact-cta h2{font-size:58px}.page-hero h1{font-size:68px}.hero-visual{inset:29% -30% 7% 25%}.section-heading{align-items:flex-start;gap:20px;flex-direction:column}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Selected works — reference-faithful editorial reel */
.works{padding:52px clamp(20px,3.2vw,50px) 42px}.works .section-heading{margin-bottom:24px}.title-lockup{display:flex;align-items:baseline;gap:20px}.title-lockup h2{font-size:clamp(34px,3.5vw,58px)}.works-carousel{position:relative}.work-viewport{overflow:hidden}.works .work-rail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.work-media{position:relative;aspect-ratio:1.02/1;overflow:hidden;background:#111}.work-media video,.work-media img{width:100%;height:100%;object-fit:cover;filter:saturate(.7);transition:transform .5s,filter .5s}.work-media img{object-position:center 25%;background:#121212}.work-rail article:hover .work-media video,.work-rail article:hover .work-media img{transform:scale(1.025);filter:saturate(1)}.work-media time{position:absolute;left:9px;bottom:7px;color:var(--orange);font:500 10px monospace}.works .work-rail small{margin-top:12px;font-size:8px;letter-spacing:.08em}.works .work-rail h3{font-size:16px;font-weight:500;margin-top:5px}.work-arrow{position:absolute;z-index:5;top:42%;transform:translateY(-50%);border:0;background:transparent;color:var(--orange);font:300 42px/1 'Barlow Condensed';cursor:pointer}.work-prev{left:-32px}.work-next{right:-32px}.reel-progress{display:flex;align-items:center;gap:16px;margin-top:30px;color:#aaa;font:9px monospace}.reel-ticks{display:flex;align-items:center;justify-content:space-around;flex:1}.reel-ticks i{height:5px;border-left:1px solid #666}.reel-ticks b{width:5px;height:12px;background:var(--orange);clip-path:polygon(0 0,100% 0,70% 100%,30% 100%);transition:transform .5s}
@media(max-width:850px){.works .work-viewport{overflow-x:auto;scrollbar-width:none}.works .work-rail{display:flex;width:max-content}.works .work-rail article{width:min(62vw,280px)}.work-arrow{display:none}.reel-progress{margin-top:24px}}
@media(max-width:520px){.title-lockup{align-items:baseline}.works .work-rail article{width:76vw}}

/* Keep service cards visible even if animation scripts are delayed or blocked. */
.service-list,.service-list>a{opacity:1;visibility:visible}

/* About strip — compact editorial composition from the approved concept. */
.about-strip{grid-template-columns:minmax(320px,.72fr) minmax(0,1.28fr);gap:clamp(42px,6vw,100px);min-height:0;padding-top:54px;padding-bottom:54px;align-items:center}.about-strip>div:last-child{max-width:820px}.about-strip .portrait-frame{width:100%;height:auto;aspect-ratio:1.38/1;justify-self:start;position:relative}.about-strip .portrait-frame:before,.about-strip .portrait-frame:after{position:absolute;z-index:2;color:#777;font:8px monospace;letter-spacing:.12em;writing-mode:vertical-rl}.about-strip .portrait-frame:before{content:'AF  /  PORTRAIT  024';left:9px;top:10px}.about-strip .portrait-frame:after{content:'00:00:04:12';right:9px;bottom:10px}.about-strip .portrait-frame img{object-fit:contain;object-position:center bottom;padding:10px 18px 0}.about-strip h2{font-size:clamp(36px,3.7vw,60px);line-height:.94;letter-spacing:-.012em;margin:14px 0 17px;max-width:760px}.about-strip p{font-size:clamp(12px,.95vw,15px);line-height:1.65;max-width:690px;margin:0 0 15px}.about-strip .text-link{font-size:10px;padding:5px 0}
@media(max-width:850px){.about-strip{grid-template-columns:minmax(240px,.72fr) 1.28fr;gap:34px;padding-top:46px;padding-bottom:46px}.about-strip h2{font-size:clamp(32px,5vw,48px)}}
@media(max-width:650px){.about-strip{grid-template-columns:1fr}.about-strip .portrait-frame{width:min(100%,430px)}.about-strip h2{font-size:clamp(38px,11vw,54px)}}

/* Experience — compact five-point editorial timeline. */
.experience{padding-top:50px;padding-bottom:54px}.experience .section-heading{justify-content:flex-start;margin-bottom:42px}.experience .title-lockup{gap:18px}.experience .section-heading h2{font-size:clamp(34px,3.6vw,58px)}.experience-line{grid-template-columns:repeat(5,minmax(0,1fr));gap:0}.experience-line article{padding:22px clamp(18px,2vw,34px) 0 0;min-width:0}.experience-line article:before{width:10px;height:10px;top:-6px}.experience-line article:first-child:before,.experience-line article:last-child:before{width:12px;height:12px;top:-7px}.experience-line b{font-size:clamp(16px,1.4vw,23px)}.experience-line h3{font-size:clamp(15px,1.3vw,21px);margin-top:9px;line-height:1.1}.experience-line p{font-size:clamp(9px,.68vw,11px);line-height:1.45;max-width:170px;margin:8px 0 0;color:#aaa}
@media(max-width:850px){.experience-line{display:flex;overflow-x:auto;padding-bottom:18px;scroll-snap-type:x mandatory}.experience-line article{flex:0 0 min(42vw,230px);scroll-snap-align:start}.experience .section-heading{margin-bottom:36px}}
@media(max-width:520px){.experience{padding-top:44px;padding-bottom:40px}.experience-line article{flex-basis:72vw}.experience .title-lockup{display:flex;flex-direction:row}}

/* Home contact + footer — compact three-column end frame. */
.home-contact{grid-template-columns:1.05fr .82fr .55fr;gap:clamp(34px,5vw,82px);padding-top:54px;padding-bottom:48px;align-items:center}.home-contact h2{font-size:clamp(50px,5.7vw,88px);line-height:.82;max-width:620px}.contact-action{align-self:center}.contact-action .label{display:block;margin-bottom:18px}.contact-action p{font-size:clamp(11px,.8vw,13px);line-height:1.55;margin:0 0 21px}.contact-action .button{max-width:310px;margin:0;padding:17px 20px;font-size:13px}.take-panel{border-top:1px solid #454545;border-bottom:1px solid #303030;min-height:150px;position:relative}.take-panel>div:first-child{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid #454545}.take-panel span{padding:10px 11px;color:#666;font:7px monospace;border-right:1px solid #454545}.take-panel span:last-child{border:0}.take-panel strong{display:block;color:#aaa;font-size:13px;margin-top:5px}.take-panel>a{height:72px;display:grid;place-items:center;text-decoration:none}.take-panel i{display:block;width:0;height:0;border-top:13px solid transparent;border-bottom:13px solid transparent;border-left:22px solid var(--orange)}.take-ticks{position:absolute;bottom:5px;left:0;right:0;height:6px;background:repeating-linear-gradient(90deg,#555 0 1px,transparent 1px 9px);opacity:.55}.home-footer{min-height:68px;padding-top:16px;padding-bottom:16px;gap:28px}.home-footer .logo{font-size:27px}.home-footer p{font-size:8px;white-space:nowrap}.home-footer .socials{gap:20px}.home-footer .socials a,.home-footer .availability{font-size:8px;color:#aaa}.home-footer .availability{margin-left:auto}.home-footer .availability b{color:var(--orange);font-size:7px;margin:0 5px}
@media(max-width:900px){.home-contact{grid-template-columns:1fr 1fr}.take-panel{grid-column:2}.home-footer .availability{display:none}}
@media(max-width:650px){.home-contact{grid-template-columns:1fr}.take-panel{grid-column:auto;max-width:360px}.home-footer{flex-wrap:wrap}.home-footer p{order:3;width:100%}.home-footer .socials{margin-left:auto}}

/* Hero artwork — production asset matched to the cinematic concept. */
.hero{padding-left:clamp(48px,5vw,96px);padding-right:clamp(42px,4vw,76px)}.hero-copy{align-self:center}.hero-copy h1{font-size:clamp(88px,10vw,158px);line-height:.76}.hero-visual{height:calc(100vh - 150px);align-items:center;justify-content:center}.hero-visual img{width:min(48vw,820px);height:min(76vh,790px);object-fit:contain;object-position:center;filter:drop-shadow(0 28px 60px rgba(0,0,0,.55))}.hero .orbit{display:none}.frame-cross{position:absolute;right:2%;top:11%;width:22px;height:22px;opacity:.55}.frame-cross:before,.frame-cross:after{content:"";position:absolute;background:#aaa}.frame-cross:before{width:100%;height:1px;top:50%}.frame-cross:after{width:1px;height:100%;left:50%}.frame-rail{position:absolute;z-index:4;left:20px;top:38px;bottom:82px;display:flex;flex-direction:column;justify-content:space-around;color:#777;font:9px monospace}.frame-rail i{width:9px;border-top:1px solid #666}.hero .frame-number{right:0;top:51%}
@media(max-width:1100px){.hero-copy h1{font-size:clamp(82px,11vw,125px)}.hero-visual img{width:54vw}}
@media(max-width:850px){.hero{padding-left:var(--pad);padding-right:var(--pad)}.hero-visual{height:auto;align-items:flex-end}.hero-visual img{width:min(76vw,640px);height:auto}.frame-rail{display:none}}

/* Opposing service marquees. */
.service-marquee{overflow:hidden;border-bottom:1px solid var(--line);background:#0b0b0b;padding:18px 0}.marquee-row{overflow:hidden;padding:7px 0}.marquee-track{display:flex;width:max-content;will-change:transform;animation:marquee-left 28s linear infinite}.marquee-row.reverse .marquee-track{animation-name:marquee-right;animation-duration:32s}.marquee-group{display:flex;align-items:center;flex-shrink:0}.marquee-group a{font:600 clamp(34px,4.2vw,68px)/.95 'Barlow Condensed';text-transform:uppercase;text-decoration:none;white-space:nowrap;color:var(--paper);transition:color .25s}.marquee-group a:hover{color:var(--orange)}.marquee-group i{margin:0 clamp(22px,3vw,50px);color:var(--orange);font-style:normal;font-size:clamp(15px,1.5vw,24px)}.marquee-row.reverse .marquee-group a{color:transparent;-webkit-text-stroke:1px rgba(238,233,223,.7)}.marquee-row.reverse .marquee-group a:hover{color:var(--orange);-webkit-text-stroke-color:var(--orange)}.service-marquee:hover .marquee-track{animation-play-state:paused}@keyframes marquee-left{to{transform:translateX(-50%)}}@keyframes marquee-right{from{transform:translateX(-50%)}to{transform:translateX(0)}}
@media(max-width:650px){.service-marquee{padding:12px 0}.marquee-track{animation-duration:20s}.marquee-row.reverse .marquee-track{animation-duration:23s}.marquee-group a{font-size:34px}}
@media(prefers-reduced-motion:reduce){.marquee-track,.marquee-row.reverse .marquee-track{animation-play-state:paused}}

/* Creative interaction layer. */
.hero-actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap}.reel-trigger{border:0;background:transparent;color:var(--paper);display:flex;align-items:center;gap:10px;padding:10px 0;cursor:pointer;font:600 13px 'Barlow Condensed';letter-spacing:.08em;text-transform:uppercase}.reel-trigger>i{width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:9px solid var(--orange)}.breakdown{padding-top:70px;padding-bottom:70px}.breakdown-count{color:#777!important;font:11px monospace!important}.breakdown-stage{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(35px,6vw,90px);align-items:stretch}.breakdown-preview{position:relative;min-height:480px;overflow:hidden;background:#111}.breakdown-preview video{width:100%;height:100%;object-fit:cover;filter:saturate(.72) contrast(1.08)}.preview-time{position:absolute;left:18px;bottom:16px;color:var(--orange);font:11px monospace}.process-list{border-top:1px solid var(--line)}.process-list button{width:100%;display:grid;grid-template-columns:46px 1fr;gap:3px 15px;padding:17px 0;border:0;border-bottom:1px solid var(--line);background:transparent;color:#777;text-align:left;cursor:pointer;transition:color .25s,padding-left .3s}.process-list button b{grid-row:1/3;color:#555;font:500 17px 'Barlow Condensed'}.process-list button span{font:600 25px 'Barlow Condensed';text-transform:uppercase}.process-list button small{font:11px Inter;color:#777}.process-list button.active{color:var(--paper);padding-left:14px}.process-list button.active b{color:var(--orange)}.process-list button.active small{color:#aaa}.showreel{position:fixed;inset:0;z-index:5000;display:grid;place-items:center;padding:clamp(20px,5vw,80px);background:rgba(5,5,5,.96);visibility:hidden;opacity:0}.showreel-frame{width:min(1180px,92vw);position:relative}.showreel video{width:100%;max-height:76vh;background:#000;display:block}.showreel-meta{display:flex;justify-content:space-between;padding:12px 0;color:#888;font:10px monospace}.showreel-close{position:absolute;right:28px;top:24px;border:0;background:none;color:#fff;cursor:pointer;text-transform:uppercase;font:600 13px 'Barlow Condensed';letter-spacing:.1em}.take-play{width:100%;height:72px;display:grid;place-items:center;border:0;background:transparent;cursor:pointer}.take-play i{display:block;width:0;height:0;border-top:13px solid transparent;border-bottom:13px solid transparent;border-left:22px solid var(--orange)}.motion-cursor{position:fixed;z-index:6000;left:0;top:0;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:var(--orange);color:#090909;pointer-events:none;opacity:0;transform:translate(-50%,-50%) scale(.6);font:700 10px 'Barlow Condensed';letter-spacing:.08em}.section-cut{position:fixed;z-index:4500;left:0;right:0;top:0;height:5px;background:var(--orange);transform-origin:left;pointer-events:none}
@media(pointer:fine){body.has-motion-cursor a,body.has-motion-cursor button{cursor:none}}
@media(pointer:fine){body.has-motion-cursor .works .work-rail article{cursor:none}}
@media(max-width:850px){.breakdown-stage{grid-template-columns:1fr}.breakdown-preview{min-height:360px}.motion-cursor{display:none}}
@media(max-width:520px){.breakdown-preview{min-height:250px}.process-list button span{font-size:22px}.hero-actions{gap:18px}}
@media(prefers-reduced-motion:reduce){.motion-cursor{display:none}}
.site-footer{min-height:68px;padding:16px var(--pad);display:flex;align-items:center;gap:28px;border-top:1px solid var(--line)}.site-footer .logo{font-size:27px}.site-footer p{font-size:8px;white-space:nowrap;margin:0}.site-footer .socials{display:flex;gap:20px}.site-footer .socials a,.site-footer .availability{font-size:8px;color:#aaa;text-decoration:none}.site-footer .socials a:hover{color:var(--orange)}.site-footer .availability{margin-left:auto}.site-footer .availability b{color:var(--orange);font-size:7px;margin:0 5px}
@media(max-width:900px){.site-footer .availability{display:none}}
@media(max-width:650px){.site-footer{flex-wrap:wrap}.site-footer p{order:3;width:100%}.site-footer .socials{margin-left:auto}}

/* ScrollTrigger stacking cards inside the process section. */
.breakdown-preview{height:min(70vh,680px);min-height:520px;isolation:isolate;background:transparent;overflow:visible}.stack-card{position:absolute;inset:0;margin:0;overflow:visible;display:grid;place-items:end center;transform-origin:center bottom;will-change:transform,opacity;background:transparent!important;box-shadow:none;border:0}.stack-card img{width:78%;height:82%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 28px 32px rgba(0,0,0,.34))}.stack-card figcaption{position:absolute;left:18px;right:18px;top:16px;display:flex;align-items:center;justify-content:space-between;color:#fff;font:600 11px 'Barlow Condensed';letter-spacing:.12em}.stack-card figcaption b{color:var(--orange);font-size:20px}.breakdown-preview .preview-time{z-index:20}.breakdown.is-pinned .process-list{align-self:center}
@media(max-width:850px){.breakdown-preview{height:58vh;min-height:420px}}
@media(max-width:520px){.breakdown-preview{height:65vh;min-height:440px}.stack-card img{width:88%;height:76%}}

/* Cartoon character system — homepage 3D carousel + internal page heroes. */
.hero.character-hero{--hero-accent:#ff552f;transition:background-color .65s ease}.character-hero .hero-visual{perspective:1400px;overflow:visible}.hero-slider-bg{position:absolute;z-index:0;left:-15%;right:-15%;top:36%;transform:translateY(-50%);text-align:center;color:rgba(255,255,255,.045);font:700 clamp(70px,8vw,138px)/.8 'Barlow Condensed';text-transform:uppercase;pointer-events:none}.hero-character-card{position:absolute;z-index:2;left:50%;top:50%;width:42%;height:78%;display:flex;align-items:flex-end;justify-content:center;transform-origin:center bottom;will-change:transform,opacity;pointer-events:none}.hero-character-card img{width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 25px 36px rgba(0,0,0,.36))}.hero-character-card.is-side{pointer-events:auto;cursor:pointer}.hero-slider-nav{position:absolute;z-index:20;right:0;bottom:8%;display:flex;gap:9px}.hero-slider-nav button{width:43px;height:43px;border-radius:50%;border:1px solid rgba(255,255,255,.26);background:rgba(255,255,255,.07);color:#fff;display:grid;place-items:center;cursor:pointer;font-size:22px;transition:.25s}.hero-slider-nav button:hover{background:var(--hero-accent);border-color:var(--hero-accent);color:#0b0b0b}.hero-slider-index{position:absolute;z-index:20;left:0;bottom:8%;color:#777;font:10px monospace}.hero-slider-index b{color:var(--hero-accent);font-size:18px}.character-hero .frame-number strong,.character-hero .label,.character-hero h1 span{color:var(--hero-accent)}.page-character{position:absolute;z-index:1;right:var(--pad);bottom:-8%;height:min(52vh,500px);max-width:38vw;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 25px 45px rgba(0,0,0,.4));pointer-events:none}.page-hero.has-character>div{max-width:64%}.page-hero.has-character:after{right:30%;opacity:.65}
@media(max-width:900px){.hero-character-card{width:48%;height:70%}.page-character{height:40vh;opacity:.48}.page-hero.has-character>div{max-width:82%}}
@media(max-width:650px){.hero-character-card{width:55%;height:61%}.hero-slider-nav{right:10px;bottom:16%}.hero-slider-index{bottom:16%}.page-character{right:-12%;height:36vh;max-width:58vw}.page-hero.has-character>div{max-width:100%}}

/* Hero character carousel: full-section artwork behind the restored copy. */
.hero.character-hero{display:block;isolation:isolate}
.character-hero .hero-copy{position:relative;z-index:12;width:min(52%,820px);min-height:calc(100vh - 209px);display:flex;flex-direction:column;justify-content:center;pointer-events:none}
.character-hero .hero-copy a,.character-hero .hero-copy button{pointer-events:auto}
.character-hero .hero-visual{position:absolute;z-index:2;inset:0;height:100%;width:100%;opacity:1}
.character-hero .hero-character-card{left:65%;top:49%;width:min(42vw,720px);height:88%}
.character-hero .hero-slider-nav{right:var(--pad);bottom:44px}
.character-hero .hero-slider-index{left:auto;right:calc(var(--pad) + 112px);bottom:57px}
.character-hero .timeline{z-index:11}
@media(max-width:900px){.character-hero .hero-copy{width:min(76%,620px)}.character-hero .hero-character-card{left:64%;width:min(66vw,620px);height:82%}}
@media(max-width:650px){.character-hero .hero-copy{width:94%;min-height:calc(100vh - 185px);justify-content:flex-start;padding-top:12vh}.character-hero .hero-character-card{left:63%;top:58%;width:90vw;height:68%;opacity:.72}.character-hero .hero-slider-nav{bottom:42px}.character-hero .hero-slider-index{bottom:55px}}

/* Keep every process character fully visible inside the pinned viewport. */
.breakdown{height:100vh;min-height:680px;padding-top:28px;padding-bottom:28px;overflow:hidden}
.breakdown .section-heading{margin-bottom:18px}
.breakdown-stage{height:calc(100% - 78px);align-items:stretch}
.breakdown-preview{height:100%;min-height:0;overflow:hidden}
.stack-card{overflow:hidden;place-items:center}
.stack-card img{display:block;width:auto;height:min(58vh,520px);max-width:76%;max-height:calc(100% - 76px);padding:0;object-fit:contain!important;object-position:center center}
@media(max-width:850px){.breakdown{height:auto;min-height:100vh}.breakdown-stage{height:auto}.breakdown-preview{height:62vh;min-height:420px}}
@media(max-width:520px){.stack-card img{width:auto;height:min(52vh,420px);max-width:82%;max-height:calc(100% - 64px);padding:0}}

/* Internal editorial heroes — approved storyboard composition. */
.editorial-page-hero{height:calc(100vh - 84px);min-height:690px;padding:clamp(40px,5vw,78px) clamp(70px,11.2vw,218px) 92px;align-items:center;isolation:isolate}
.editorial-page-hero>div:first-child{z-index:5;width:48%;max-width:760px}
.editorial-page-hero .label{display:block;margin-bottom:25px;font-size:12px}
.editorial-page-hero h1{max-width:none;font-size:clamp(72px,7.2vw,138px);line-height:.88;letter-spacing:-.025em}
.editorial-page-hero p{max-width:650px;margin:18px 0 0;color:#d0d0d0;font-size:clamp(14px,1.15vw,21px);line-height:1.65}
.editorial-page-hero:after{content:attr(data-index);z-index:1;right:26%;top:49%;font-size:min(31vw,560px);line-height:.7;color:rgba(255,255,255,.025);transform:translate(50%,-50%)}
.editorial-page-hero .page-character{z-index:3;right:17%;bottom:9%;height:min(72vh,650px);max-width:31vw;filter:drop-shadow(0 28px 32px rgba(0,0,0,.45));object-position:center bottom}
.hero-frame-corners{position:absolute!important;z-index:2!important;inset:48px 4.3% 72px!important;max-width:none!important;width:auto!important;pointer-events:none}
.hero-frame-corners i{position:absolute;width:44px;height:44px}
.hero-frame-corners i:nth-child(1){left:0;top:0;border-left:1px solid #626262;border-top:1px solid #626262;transform-origin:left top}
.hero-frame-corners i:nth-child(2){right:0;top:0;border-right:1px solid #626262;border-top:1px solid #626262;transform-origin:right top}
.hero-frame-corners i:nth-child(3){left:0;bottom:0;border-left:1px solid #626262;border-bottom:1px solid #626262;transform-origin:left bottom}
.hero-frame-corners i:nth-child(4){right:0;bottom:0;border-right:1px solid #626262;border-bottom:1px solid #626262;transform-origin:right bottom}
.page-side-caption{position:absolute!important;z-index:4!important;left:2.1%!important;top:50%!important;width:auto!important;max-width:none!important;transform:rotate(-90deg) translateX(-50%);transform-origin:left top;color:#aaa;font:600 10px 'Barlow Condensed';letter-spacing:.14em;white-space:nowrap}
.page-side-caption b{display:inline-block;width:8px;height:8px;background:var(--orange);margin-left:18px}
.page-dots{position:absolute!important;z-index:4!important;right:5.2%!important;top:50%!important;width:auto!important;max-width:none!important;display:grid;gap:13px}
.page-dots i{width:6px;height:6px;border-radius:50%;background:#666}.page-dots i.active{height:3px;border-radius:0;background:var(--orange)}
.page-progress{position:absolute!important;z-index:6!important;left:8.5%!important;right:8.5%!important;bottom:34px!important;width:auto!important;max-width:none!important;display:grid;grid-template-columns:repeat(5,1fr);gap:20px;color:#555;font:600 12px 'Barlow Condensed'}
.page-progress span{display:flex;align-items:center;gap:16px}.page-progress span i{height:1px;flex:1;background:#353535}.page-progress span.active b{color:var(--orange)}.page-progress span.active i{background:linear-gradient(90deg,var(--orange) 0 4%,#555 4%)}
@media(max-width:1050px){.editorial-page-hero{padding-left:7vw;padding-right:7vw}.editorial-page-hero>div:first-child{width:55%}.editorial-page-hero h1{font-size:clamp(66px,9vw,105px)}.editorial-page-hero .page-character{right:9%;max-width:38vw}.editorial-page-hero:after{right:23%}}
@media(max-width:700px){.editorial-page-hero{height:calc(100svh - 84px);min-height:650px;padding:55px 24px 78px;align-items:flex-start}.editorial-page-hero>div:first-child{width:100%;max-width:100%}.editorial-page-hero h1{font-size:clamp(58px,17vw,86px);max-width:95%}.editorial-page-hero p{font-size:14px;max-width:90%}.editorial-page-hero .page-character{right:-2%;bottom:55px;height:42vh;max-width:52vw;opacity:.72}.editorial-page-hero:after{right:20%;top:63%;font-size:55vw}.hero-frame-corners{inset:25px 18px 60px!important}.page-side-caption,.page-dots{display:none!important}.page-progress{left:24px!important;right:24px!important;bottom:24px!important;gap:7px}.page-progress span{gap:6px}.page-progress span b{font-size:9px}}

/* Homepage signature motion scene. */
.hero-availability{position:absolute;z-index:14;right:var(--pad);top:34px;color:#777;font:600 9px 'Barlow Condensed';letter-spacing:.13em}
.hero-availability b{display:inline-block;width:6px;height:6px;margin:0 9px;border-radius:50%;background:var(--hero-accent);box-shadow:0 0 0 4px rgba(255,85,47,.1)}
.hero-scroll{position:absolute;z-index:14;right:var(--pad);bottom:104px;display:flex;align-items:center;gap:11px;color:#888;text-decoration:none;font:600 9px 'Barlow Condensed';letter-spacing:.14em;writing-mode:vertical-rl}
.hero-scroll i{display:block;width:1px;height:34px;background:linear-gradient(var(--hero-accent) 0 35%,#555 35%)}
.hero-proof{min-height:74px;padding:0 var(--pad);display:grid;grid-template-columns:repeat(4,1fr);align-items:center;border-bottom:1px solid var(--line);background:#0b0b0b}
.hero-proof span{height:100%;display:flex;align-items:center;justify-content:center;gap:9px;border-right:1px solid var(--line);color:#777;font:600 10px 'Barlow Condensed';letter-spacing:.1em}
.hero-proof span:first-child{border-left:1px solid var(--line)}.hero-proof b{color:var(--paper);font-size:16px}.hero-proof span:nth-child(3) b{color:var(--hero-accent,var(--orange))}
@media(max-width:850px){.hero-availability{top:22px}.hero-scroll{display:none}.hero-proof{grid-template-columns:repeat(2,1fr);padding:0 20px}.hero-proof span{min-height:58px;border-bottom:1px solid var(--line)}}
@media(max-width:520px){.hero-availability{right:20px;font-size:8px}.hero-proof{grid-template-columns:1fr 1fr}.hero-proof span{font-size:8px;text-align:center;padding:0 8px}.hero-proof b{font-size:13px}}

/* Commercial director language blended into the motion hero. */
.director-frame{position:absolute;z-index:4;left:49%;right:6.5%;top:16%;bottom:13%;pointer-events:none;border:1px solid rgba(255,255,255,.055)}
.director-frame>i{position:absolute;width:34px;height:34px;border-color:rgba(255,85,47,.52)}
.director-frame>i:nth-child(1){left:-1px;top:-1px;border-left:1px solid;border-top:1px solid}.director-frame>i:nth-child(2){right:-1px;top:-1px;border-right:1px solid;border-top:1px solid}.director-frame>i:nth-child(3){left:-1px;bottom:-1px;border-left:1px solid;border-bottom:1px solid}.director-frame>i:nth-child(4){right:-1px;bottom:-1px;border-right:1px solid;border-bottom:1px solid}
.director-ratio{position:absolute;left:16px;top:14px;color:#666;font:600 8px 'Barlow Condensed';letter-spacing:.14em}
.director-meta{position:absolute;right:14px;top:13px;display:flex;gap:18px;color:#666;font:600 8px 'Barlow Condensed';letter-spacing:.1em}.director-meta span{display:flex;gap:6px}.director-meta b{color:var(--hero-accent);font-weight:600}
@media(max-width:850px){.director-frame{left:38%;right:3%;top:24%;bottom:14%;opacity:.7}.director-meta{top:auto;bottom:12px;right:12px;gap:10px}}
@media(max-width:520px){.director-frame{left:27%;right:2%;top:34%;bottom:12%}.director-ratio{font-size:7px}.director-meta span{font-size:7px}}

/* Old-film cinematic preloader. */
body{visibility:hidden}
body.is-ready{visibility:visible}
body.is-preloading{overflow:hidden}
.film-preloader{position:fixed;z-index:10000;inset:0;display:grid;place-items:center;background:#090909;color:#eee9df;overflow:hidden;isolation:isolate}
.film-preloader:before{content:"";position:absolute;z-index:5;inset:-45%;pointer-events:none;opacity:.19;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='f'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='4' seed='9'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23f)'/%3E%3C/svg%3E");animation:film-grain .16s steps(2) infinite}
.film-preloader:after{content:"";position:absolute;z-index:6;inset:0;pointer-events:none;background:radial-gradient(circle,transparent 28%,rgba(0,0,0,.75) 105%);animation:film-flicker .12s steps(2) infinite}
.film-shutter{position:absolute;z-index:1;left:0;width:100%;height:51%;background:#0b0b0b;will-change:transform}.film-shutter-top{top:0;border-bottom:1px solid #343434}.film-shutter-bottom{bottom:0;border-top:1px solid #343434}
.film-leader{position:relative;z-index:3;width:min(34vw,300px);aspect-ratio:1;border:1px solid rgba(238,233,223,.55);border-radius:50%;display:grid;place-items:center;will-change:transform,opacity}.film-leader:before,.film-leader:after{content:"";position:absolute;background:rgba(238,233,223,.38)}.film-leader:before{width:140%;height:1px}.film-leader:after{width:1px;height:140%}
.film-rings,.film-rings i{position:absolute;border-radius:50%;inset:12%;border:1px solid rgba(238,233,223,.28);will-change:transform}.film-rings:after{content:"";position:absolute;left:50%;top:-13%;height:50%;border-left:1px solid var(--orange);transform:rotate(38deg);transform-origin:bottom}.film-rings i:first-child{inset:18%}.film-rings i:last-child{inset:36%}
.film-count{position:relative;z-index:2;font:700 clamp(80px,11vw,150px)/1 'Barlow Condensed';will-change:transform,opacity}.film-studio,.film-code{position:absolute;z-index:7;font:600 9px 'Barlow Condensed';letter-spacing:.18em}.film-studio{left:5vw;top:5vh}.film-studio b{color:var(--orange);font-size:18px;margin-right:8px}.film-code{right:5vw;bottom:5vh;color:#888}
.film-scratches{position:absolute;z-index:4;inset:0;pointer-events:none;opacity:.18;background:repeating-linear-gradient(90deg,transparent 0 12%,rgba(255,255,255,.12) 12.08%,transparent 12.16% 29%);animation:film-scratch .42s steps(2) infinite}
@keyframes film-grain{0%{transform:translate3d(-3%,-4%,0) rotate(.01deg)}25%{transform:translate3d(4%,2%,0)}50%{transform:translate3d(-1%,5%,0)}75%{transform:translate3d(3%,-2%,0)}100%{transform:translate3d(-4%,1%,0)}}
@keyframes film-flicker{0%,100%{opacity:.82}50%{opacity:1}}
@keyframes film-scratch{0%{transform:translateX(-2%)}50%{transform:translateX(3%)}100%{transform:translateX(-1%)}}
@media(max-width:600px){.film-leader{width:min(62vw,270px)}.film-studio{top:4vh}.film-code{right:auto;left:5vw;bottom:4vh}}
@media(prefers-reduced-motion:reduce){.film-preloader{display:none}.film-preloader:before,.film-preloader:after,.film-scratches{animation:none}}

/* Centered hero composition: copy deliberately layers above the active character. */
.character-hero .hero-copy{z-index:15;width:min(58%,780px)}
.character-hero .hero-copy h1{font-size:clamp(76px,7.4vw,126px);line-height:.78}
.character-hero .hero-character-card{left:52%;width:min(39vw,660px);height:84%}
.character-hero .director-frame{left:29%;right:25%;top:14%;bottom:12%;z-index:3}
.character-hero .hero-character-card img{filter:drop-shadow(0 28px 42px rgba(0,0,0,.5))}
@media(max-width:900px){.character-hero .hero-copy{width:68%}.character-hero .hero-copy h1{font-size:clamp(68px,11vw,104px)}.character-hero .hero-character-card{left:55%;width:min(62vw,590px);height:78%}.character-hero .director-frame{left:28%;right:8%;top:22%;bottom:13%}}
@media(max-width:650px){.character-hero .hero-copy{width:100%;padding-top:8vh}.character-hero .hero-copy h1{font-size:clamp(54px,16vw,76px);line-height:.8;max-width:84%}.character-hero .hero-copy>p{max-width:78%;font-size:13px;line-height:1.45}.character-hero .hero-character-card{left:55%;top:59%;width:82vw;height:60%;opacity:.7}.character-hero .director-frame{left:17%;right:3%;top:32%;bottom:12%}}

/* Mobile QA fixes: keep long-page sections finite and route-specific rails contained. */
@media(max-width:850px){.breakdown{height:auto;min-height:0;overflow:hidden}.breakdown-stage{height:auto}.breakdown-preview{height:58vh;min-height:390px}.breakdown .stack-card{display:none}.breakdown .stack-card.is-mobile-active{display:grid;transform:none!important;opacity:1;visibility:visible}.page-hero + .works .work-rail{display:grid;width:100%;grid-template-columns:1fr;gap:36px}.page-hero + .works .work-rail article{width:100%;min-width:0}.page-hero + .works .work-rail video{width:100%;max-width:100%;aspect-ratio:16/10;object-fit:cover}html,body{max-width:100%;overflow-x:hidden}}

/* Mobile process: calm sticky cards stack over one another. */
@media(max-width:850px){.breakdown.is-mobile-stack{overflow:visible;padding-left:18px;padding-right:18px}.breakdown.is-mobile-stack .section-heading{position:relative;z-index:20;margin-bottom:28px}.breakdown.is-mobile-stack .title-lockup{display:block}.breakdown.is-mobile-stack .title-lockup h2{font-size:clamp(34px,10vw,48px);line-height:.95}.breakdown.is-mobile-stack .title-lockup span{display:block;margin-top:12px}.breakdown.is-mobile-stack .breakdown-stage{display:block}.breakdown.is-mobile-stack .process-list{display:none}.breakdown.is-mobile-stack .breakdown-preview{height:auto;min-height:0;overflow:visible;isolation:auto}.breakdown.is-mobile-stack .stack-card,.breakdown.is-mobile-stack .stack-card.is-mobile-active{position:sticky;inset:auto;top:92px;width:100%;height:calc(100svh - 118px);min-height:540px;margin:0 0 18vh;display:grid!important;place-items:center;overflow:hidden;border:1px solid rgba(255,255,255,.13);border-radius:18px;background:linear-gradient(155deg,#151515 0%,#0c0c0c 72%)!important;box-shadow:0 24px 60px rgba(0,0,0,.48);opacity:1;visibility:visible;transform-origin:center top;will-change:transform,opacity}.breakdown.is-mobile-stack .stack-card:nth-child(1){z-index:1}.breakdown.is-mobile-stack .stack-card:nth-child(2){z-index:2}.breakdown.is-mobile-stack .stack-card:nth-child(3){z-index:3}.breakdown.is-mobile-stack .stack-card:nth-child(4){z-index:4}.breakdown.is-mobile-stack .stack-card:nth-child(5){z-index:5}.breakdown.is-mobile-stack .stack-card:last-of-type{margin-bottom:5vh}.breakdown.is-mobile-stack .stack-card img{width:auto;height:68%;max-width:88%;max-height:68%;margin-top:42px;object-fit:contain!important;object-position:center center}.breakdown.is-mobile-stack .stack-card figcaption{left:20px;right:20px;top:18px;display:grid;grid-template-columns:auto 1fr;gap:3px 18px;align-items:start}.breakdown.is-mobile-stack .stack-card figcaption b{grid-row:1/3;font-size:18px}.breakdown.is-mobile-stack .stack-card figcaption span{font:600 11px 'Poppins',Arial,sans-serif;letter-spacing:.1em}.breakdown.is-mobile-stack .stack-card figcaption small{color:#888;font:400 11px/1.45 'Lato',Arial,sans-serif;letter-spacing:0}.breakdown.is-mobile-stack .preview-time{position:sticky;z-index:8;display:block;bottom:18px;margin:-12vh 0 0 18px;pointer-events:none}}
@media(max-width:430px){.breakdown.is-mobile-stack .stack-card,.breakdown.is-mobile-stack .stack-card.is-mobile-active{top:76px;height:calc(100svh - 96px);min-height:510px;border-radius:15px}.breakdown.is-mobile-stack .stack-card img{height:64%;max-height:64%;max-width:92%;margin-top:52px}}

/* Sticky reliability: no transformed sticky nodes and no overflow ancestor. */
@media(max-width:850px){.breakdown.is-mobile-stack{overflow:visible!important}.breakdown.is-mobile-stack .breakdown-stage,.breakdown.is-mobile-stack .breakdown-preview{overflow:visible!important;transform:none!important;clip-path:none!important}.breakdown.is-mobile-stack .stack-card,.breakdown.is-mobile-stack .stack-card.is-mobile-active{position:-webkit-sticky;position:sticky;top:7svh;height:86svh;max-height:90svh;min-height:0;transform:none!important;opacity:1!important;visibility:visible!important;margin-bottom:8vh}.breakdown.is-mobile-stack .stack-card:last-of-type{margin-bottom:0}.breakdown.is-mobile-stack .stack-card img,.breakdown.is-mobile-stack .stack-card figcaption{will-change:transform,opacity}}
@media(max-width:430px){.breakdown.is-mobile-stack .stack-card,.breakdown.is-mobile-stack .stack-card.is-mobile-active{top:6svh;height:88svh;max-height:90svh}}
@media(max-width:850px){html,body{overflow-x:clip!important;overflow-y:visible}.showreel[aria-hidden="false"]{position:fixed}}

/* Mobile cinematic navigation overlay. */
@media(max-width:850px){body.menu-open{overflow:hidden!important}.site-header{z-index:300;height:84px}.site-header .logo,.site-header .menu-toggle{position:relative;z-index:302}.menu-toggle{min-width:58px;padding:10px 0;text-align:right;cursor:pointer}.site-header nav,.site-header nav.open{position:fixed;z-index:301;inset:84px 0 0;display:flex;flex-direction:column;gap:0;padding:clamp(32px,7vh,68px) 24px 26px;background:rgba(9,9,9,.985);visibility:hidden;opacity:0;pointer-events:none;clip-path:inset(0 0 100% 0);counter-reset:mobile-nav}.site-header nav.open{visibility:visible;opacity:1;pointer-events:auto;clip-path:inset(0 0 0 0)}.site-header nav:before{content:"NAVIGATION / 01";display:block;margin:0 0 18px;color:#666;font:600 9px 'Poppins',Arial,sans-serif;letter-spacing:.16em}.site-header nav:after{content:"AVAILABLE FOR PROJECTS  •  CAIRO / WORLDWIDE";margin-top:auto;padding-top:20px;border-top:1px solid var(--line);color:#777;font:600 8px 'Poppins',Arial,sans-serif;letter-spacing:.12em}.site-header nav a{counter-increment:mobile-nav;position:relative;display:flex;align-items:center;min-height:clamp(58px,9vh,78px);padding:0 4px 0 48px;border-bottom:1px solid rgba(255,255,255,.11);font-size:clamp(27px,8vw,42px)!important;font-weight:600!important;line-height:1;letter-spacing:-.035em!important;overflow:hidden}.site-header nav a:first-of-type{border-top:1px solid rgba(255,255,255,.11)}.site-header nav a:before{content:"0" counter(mobile-nav);position:absolute;left:4px;top:50%;transform:translateY(-50%);color:var(--orange);font:600 10px 'Poppins',Arial,sans-serif;letter-spacing:.08em}.site-header nav a:after{content:"↗";margin-left:auto;color:#555;font:400 17px 'Poppins',Arial,sans-serif;transition:transform .25s,color .25s}.site-header nav a:active,.site-header nav a:focus-visible{color:var(--orange)}.site-header nav a:active:after,.site-header nav a:focus-visible:after{color:var(--orange);transform:translate(3px,-3px)}}
@media(max-width:390px){.site-header nav,.site-header nav.open{padding-top:24px}.site-header nav a{min-height:57px;font-size:26px!important}}
@media(prefers-reduced-motion:reduce){.site-header nav,.site-header nav a{transition:none!important}}
@media(max-width:650px){.character-hero .hero-actions{max-width:48%;flex-direction:column;align-items:flex-start;gap:4px}.character-hero .hero-actions .text-link{gap:18px}.character-hero .reel-trigger{font-size:11px;white-space:nowrap}}

/* Language switcher shared by the restored static home and Laravel views. */
.language-switcher{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid #343434;color:#6f6f6f;text-decoration:none;font:600 10px/1 'Poppins',Arial,sans-serif;letter-spacing:.08em;transition:border-color .2s,color .2s}.language-switcher i{width:1px;height:12px;background:#3d3d3d}.language-switcher span.active{color:var(--orange)}.language-switcher:hover,.language-switcher:focus-visible{border-color:var(--orange);color:var(--paper);outline:none}
@media(max-width:850px){.site-header .language-switcher{position:absolute;left:50%;z-index:302;transform:translateX(-50%);padding:8px}.site-header nav .language-switcher{position:static;transform:none}.site-header:has(.language-switcher) .menu-toggle{margin-inline-start:auto}}

/* True full-screen mobile menu: cover the viewport, including behind the header. */
@media(max-width:850px){html:has(body.menu-open),body.menu-open{width:100%;height:100%;overflow:hidden!important;overscroll-behavior:none}.site-header nav,.site-header nav.open{position:fixed!important;inset:0!important;left:0!important;right:0!important;top:0!important;bottom:0!important;width:100dvw!important;min-width:100vw!important;height:100dvh!important;min-height:100svh!important;max-height:none!important;padding:calc(84px + clamp(24px,5vh,48px)) 24px 24px!important;overflow-y:auto!important;overscroll-behavior:contain;background:#090909!important}.site-header .logo,.site-header .menu-toggle,.site-header .language-switcher{z-index:303!important}}

/* Arabic uses the exact English composition, mirrored through logical direction. */
html[dir="rtl"] body{font-family:'Tajawal','Noto Sans Arabic','Arial',sans-serif}
html[dir="rtl"] h1,html[dir="rtl"] h2,html[dir="rtl"] h3,html[dir="rtl"] .label,html[dir="rtl"] .button,html[dir="rtl"] .text-link,html[dir="rtl"] .site-header nav a,html[dir="rtl"] .menu-toggle{font-family:'Tajawal','Noto Sans Arabic','Arial',sans-serif!important;letter-spacing:0!important}
html[dir="rtl"] .hero-copy,html[dir="rtl"] .page-hero>div,html[dir="rtl"] .contact-action{text-align:right}
html[dir="rtl"] .page-hero:after{right:auto;left:var(--pad)}
html[dir="rtl"] .frame-number{right:auto;left:0}
html[dir="rtl"] .service-list>a,html[dir="rtl"] .service-nav a{border-right:0;border-left:1px solid var(--line)}
html[dir="rtl"] .experience-line article{padding:24px 0 0 30px}
html[dir="rtl"] .deliverables li:before{content:'←'}
html[dir="rtl"] .contact-form input,html[dir="rtl"] .contact-form textarea{text-align:right}
html[dir="rtl"] .editorial-page-hero>div:first-child{width:48%;max-width:760px;margin-inline-start:0;margin-inline-end:auto}
html[dir="rtl"] .editorial-page-hero .page-character{right:auto;left:17%;object-position:center bottom}
html[dir="rtl"] .editorial-page-hero:after{right:auto;left:26%;transform:translate(-50%,-50%)}
html[dir="rtl"] .page-side-caption{left:auto;right:2.2%}
html[dir="rtl"] .page-dots{right:auto;left:4.6%}
@media(max-width:850px){html[dir="rtl"] .site-header nav a{padding:0 48px 0 4px}html[dir="rtl"] .site-header nav a:before{left:auto;right:4px}html[dir="rtl"] .site-header nav a:after{margin-left:0;margin-right:auto;transform:scaleX(-1)}html[dir="rtl"] .menu-toggle{text-align:left}}
@media(max-width:1050px){html[dir="rtl"] .editorial-page-hero .page-character{left:9%;right:auto}html[dir="rtl"] .editorial-page-hero>div:first-child{width:55%}}
@media(max-width:700px){html[dir="rtl"] .editorial-page-hero>div:first-child{width:100%;max-width:100%}html[dir="rtl"] .editorial-page-hero .page-character{left:-2%;right:auto}html[dir="rtl"] .editorial-page-hero:after{left:20%;right:auto}}

/* Editorial archive: reference structure translated into the AF visual system. */
.page-transition{position:fixed;z-index:12000;inset:0;overflow:hidden;visibility:hidden;opacity:0;pointer-events:none;color:var(--paper);isolation:isolate}.page-transition-panel{position:absolute;z-index:1;left:0;width:100%;height:51%;background:#090909;will-change:transform}.page-transition-panel-top{top:0;border-bottom:1px solid #343434}.page-transition-panel-bottom{bottom:0;border-top:1px solid #343434}.page-transition-grain{position:absolute;z-index:3;inset:-40%;pointer-events:none;opacity:.14;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='pt'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='4' seed='12'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23pt)'/%3E%3C/svg%3E");animation:film-grain .18s steps(2) infinite}.page-transition-copy{position:absolute;z-index:5;left:50%;top:50%;width:min(520px,76vw);transform:translate(-50%,-50%);text-align:center}.page-transition-copy span{display:block;margin-bottom:18px;color:var(--orange);font:600 9px 'Poppins',Arial,sans-serif;letter-spacing:.2em}.page-transition-copy strong{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;color:var(--paper);font:700 clamp(34px,6vw,82px)/1 'Poppins',Arial,sans-serif;letter-spacing:-.055em;text-transform:uppercase;white-space:nowrap}.page-transition-copy i{display:block;width:100%;height:2px;margin-top:26px;background:var(--orange);transform:scaleX(0);transform-origin:left center}.page-transition-code{position:absolute;z-index:5;right:5vw;bottom:5vh;color:#777;font:600 9px 'Poppins',Arial,sans-serif;letter-spacing:.16em}.page-transition[dir="rtl"] .page-transition-copy i,html[dir="rtl"] .page-transition-copy i{transform-origin:right center}.page-transition[dir="rtl"] .page-transition-code,html[dir="rtl"] .page-transition-code{right:auto;left:5vw}@media(max-width:600px){.page-transition-copy{width:82vw}.page-transition-copy strong{font-size:clamp(30px,10vw,48px)}.page-transition-code{right:auto;left:5vw;bottom:4vh}}@media(prefers-reduced-motion:reduce){.page-transition{display:none}.page-transition-grain{animation:none}}
@media(min-width:851px){.works{overflow:hidden}.works-carousel .work-viewport{overflow:hidden}.works-carousel .work-rail{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - 36px)/4);gap:12px;will-change:transform;transform:translate3d(0,0,0)}}
.reel-ticks{position:relative;min-width:0;overflow:hidden}.reel-ticks b{position:absolute!important;left:0!important;right:auto!important;inset-inline-start:auto!important;top:50%;margin-top:-6px;will-change:transform}

/* Calmer shared heading scale for both English and Arabic. */
.hero h1,.character-hero .hero-copy h1{font-size:clamp(64px,9vw,142px)}
.page-hero h1,.editorial-page-hero h1{font-size:clamp(54px,5.8vw,104px);line-height:.94}
.section-heading h2,.blog-archive-heading h2,.related-posts h2{font-size:clamp(32px,4.2vw,60px)}
.about-strip h2{font-size:clamp(36px,5vw,68px);line-height:1}
.contact-cta h2{font-size:clamp(48px,6.5vw,92px);line-height:.92}
.blog-hero h1{font-size:clamp(56px,8vw,120px);line-height:.88}
.post-hero h1{font-size:clamp(44px,6vw,86px);line-height:1}
.detail-grid h2,.page-copy h2{font-size:clamp(36px,5vw,66px);line-height:1}
html[dir="rtl"] .hero h1,html[dir="rtl"] .page-hero h1,html[dir="rtl"] .contact-cta h2,html[dir="rtl"] .blog-hero h1,html[dir="rtl"] .post-hero h1{line-height:1.08}
@media(max-width:700px){.hero h1,.character-hero .hero-copy h1{font-size:clamp(44px,12vw,60px)}.page-hero h1,.editorial-page-hero h1{font-size:clamp(42px,12vw,60px);line-height:1}.section-heading h2,.blog-archive-heading h2,.related-posts h2{font-size:clamp(30px,9vw,42px)}.contact-cta h2{font-size:clamp(42px,12vw,58px)}.blog-hero h1{font-size:clamp(46px,13vw,64px)}.post-hero h1{font-size:clamp(38px,10vw,54px)}}
.blog-hero{min-height:52vh;display:grid;grid-template-columns:1.2fr .8fr;align-items:end;gap:8vw;position:relative;overflow:hidden}.blog-hero.compact{min-height:42vh;grid-template-columns:1fr}.blog-hero h1{font-size:clamp(76px,12vw,180px);line-height:.78}.blog-hero h1 span{color:var(--orange)}.blog-hero p{max-width:680px;font-size:clamp(14px,1.4vw,19px)}.blog-index-number{display:block;margin-bottom:22px;color:var(--orange);font:600 12px 'Poppins',Arial,sans-serif;letter-spacing:.18em}.blog-frame{height:230px;border:1px solid var(--line);position:relative;display:flex;align-items:flex-end;justify-content:space-between;padding:20px;color:#777;font:600 10px 'Poppins',Arial,sans-serif}.blog-frame:before,.blog-frame:after,.blog-frame i:before,.blog-frame i:after{content:"";position:absolute;width:28px;height:28px;border-color:var(--orange)}.blog-frame:before{top:-1px;left:-1px;border-top:2px solid;border-left:2px solid}.blog-frame:after{top:-1px;right:-1px;border-top:2px solid;border-right:2px solid}.blog-frame i:before{bottom:-1px;left:-1px;border-bottom:2px solid;border-left:2px solid}.blog-frame i:after{bottom:-1px;right:-1px;border-bottom:2px solid;border-right:2px solid}.blog-archive{padding-top:60px}.blog-archive-heading,.related-posts>header{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--line)}.blog-archive-heading h2,.related-posts h2{font-size:clamp(38px,5vw,68px)}.blog-archive-heading p{margin:4px 0 0;font-size:12px}.blog-archive-heading>b{color:var(--orange);font:600 11px 'Poppins',Arial,sans-serif}.blog-tabs{display:flex;gap:8px;margin-bottom:32px;padding-bottom:8px;overflow-x:auto}.blog-tabs a{flex:0 0 auto;padding:12px 18px;border:1px solid var(--line);color:#8b8b8b;text-decoration:none;font:600 11px 'Poppins',Arial,sans-serif;transition:.25s}.blog-tabs a:hover,.blog-tabs a.active{border-color:var(--orange);background:var(--orange);color:#090909}.blog-layout,.post-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:32px;align-items:start}.blog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.blog-card{min-width:0;display:flex;flex-direction:column;border:1px solid var(--line);background:#0e0e0e;transition:transform .3s,border-color .3s}.blog-card:hover{border-color:#555;transform:translateY(-6px)}.blog-card-media{height:240px;position:relative;display:block;overflow:hidden;background:#111;text-decoration:none}.blog-card-media img{width:100%;height:100%;object-fit:cover;filter:saturate(.7);transition:.5s}.blog-card:hover img{transform:scale(1.035);filter:saturate(1)}.blog-card-media>b{position:absolute;top:14px;inset-inline-start:14px;padding:7px 11px;background:var(--orange);color:#080808;font:700 9px 'Poppins',Arial,sans-serif}.blog-card-placeholder{width:100%;height:100%;display:grid;place-items:center;color:#181818;font:800 100px 'Poppins',Arial,sans-serif}.blog-card-copy{display:flex;flex:1;flex-direction:column;padding:22px}.blog-card time{color:#777;font:500 10px 'Poppins',Arial,sans-serif}.blog-card h2{margin:11px 0 9px;font-size:clamp(21px,2vw,29px);line-height:1.25}.blog-card h2 a{color:inherit;text-decoration:none}.blog-card p{margin:0 0 22px;font-size:12px;line-height:1.8}.blog-read-more{display:flex;justify-content:space-between;margin-top:auto;padding-top:16px;border-top:1px solid var(--line);color:var(--orange);text-decoration:none;font:600 11px 'Poppins',Arial,sans-serif}.blog-sidebar{position:sticky;top:24px;border-top:3px solid var(--orange);background:#0e0e0e}.blog-search{display:flex;margin:26px;border:1px solid var(--line)}.blog-search input{min-width:0;flex:1;height:50px;padding:0 14px;border:0;background:transparent;color:var(--paper);outline:none}.blog-search button{width:52px;border:0;background:var(--orange);color:#090909;font-size:20px;cursor:pointer}.blog-sidebar-block{padding:0 26px 28px}.blog-sidebar-block h3{font-size:25px}.blog-sidebar-block>p{margin-top:4px;font-size:11px}.blog-sidebar-block>a{min-height:48px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);color:#aaa;text-decoration:none;font-size:12px}.blog-sidebar-block>a:hover{color:var(--orange)}.blog-sidebar-block a b{min-width:28px;height:28px;display:grid;place-items:center;border:1px solid #333;color:var(--orange);font-size:9px}.blog-pagination{margin-top:34px}.blog-pagination nav>div:first-child{display:none}.blog-pagination nav>div:last-child{display:flex;align-items:center;justify-content:space-between;gap:15px}.blog-pagination nav span,.blog-pagination nav a{color:#999}.blog-empty{grid-column:1/-1;padding:45px;border:1px solid var(--line);text-align:center}.post-hero{min-height:58vh;display:flex;align-items:end}.post-hero-inner{max-width:1050px}.post-category{display:inline-block;margin-bottom:20px;padding:8px 12px;background:var(--orange);color:#090909;text-decoration:none;font:700 10px 'Poppins',Arial,sans-serif}.post-hero h1{font-size:clamp(54px,8vw,118px);line-height:.9}.post-hero p{max-width:800px;font-size:17px}.post-meta{display:flex;flex-wrap:wrap;gap:22px;margin-top:22px;color:#777;font:500 10px 'Poppins',Arial,sans-serif}.post-content{min-width:0}.post-cover{height:min(55vw,520px);margin:0 0 38px;border:1px solid var(--line);overflow:hidden}.post-cover img{width:100%;height:100%;object-fit:cover}.post-body{max-width:860px;font-size:clamp(16px,1.3vw,19px);line-height:2}.post-body h2{margin:48px 0 16px;color:var(--paper);font-size:clamp(32px,4vw,52px);line-height:1.1}.post-body h3{margin:36px 0 12px;color:var(--orange);font-size:26px}.post-body p{color:#c2c2c2}.post-body img{max-width:100%;height:auto}.post-body a{color:var(--orange)}.post-body blockquote{margin:32px 0;padding:24px;border-inline-start:3px solid var(--orange);background:#101010;color:var(--paper);font-weight:600}.post-end{margin-top:54px;padding:24px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#777;font:600 10px 'Poppins',Arial,sans-serif}.post-end a,.related-posts>header>a{color:var(--orange);text-decoration:none}.related-posts{border-top:1px solid var(--line)}.related-posts .blog-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.related-posts .blog-card-media{height:180px}
@media(max-width:1050px){.blog-layout,.post-layout{grid-template-columns:1fr}.blog-sidebar{position:static}.related-posts .blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.blog-hero{min-height:46vh;grid-template-columns:1fr}.blog-frame{display:none}.blog-hero h1{font-size:68px}.blog-archive{padding-top:44px}.blog-archive-heading{align-items:flex-start;flex-direction:column}.blog-grid,.related-posts .blog-grid{grid-template-columns:1fr}.blog-card-media{height:220px}.post-hero{min-height:50vh}.post-hero h1{font-size:48px}.post-hero p{font-size:14px}.post-layout{padding-top:44px}.post-cover{height:240px}.post-body{font-size:15px}.blog-sidebar{display:block}.related-posts>header{align-items:flex-start;flex-direction:column}}

/* Local typography system. */
body{font-family:'Lato',Arial,sans-serif}
h1,h2,h3,.logo,.site-header nav a,.menu-toggle,.label,.text-link,.button,.reel-trigger,.section-heading a,.section-heading span,.process-list button,.hero-proof,.director-frame,.site-footer{font-family:'Poppins',Arial,sans-serif!important}
.marquee-group a,.service-list h3,.work-rail h3,.about-strip h2,.experience-line h3,.home-contact h2,.process-list button span,.contact-links a{font-family:'Poppins',Arial,sans-serif!important}

/* Work-video lightbox */
.works .work-rail article[role="button"]{cursor:pointer;outline:none}
.works .work-rail article[role="button"]:focus-visible{outline:1px solid var(--orange);outline-offset:8px}
.works .work-rail article[role="button"] video{pointer-events:none}
.showreel[aria-hidden="false"]{visibility:visible}
.showreel-frame{isolation:isolate}
.showreel-close{z-index:2}
html[dir="rtl"] .showreel-close{right:auto;left:28px}
@media(max-width:520px){.showreel{padding:18px}.showreel-frame{width:100%}.showreel video{max-height:70vh}.showreel-close{top:16px;right:18px}html[dir="rtl"] .showreel-close{right:auto;left:18px}}

/* Keep internal-page characters centered and restrained on mobile. */
@media(max-width:700px){
  .editorial-page-hero .page-character,
  html[dir="rtl"] .editorial-page-hero .page-character{
    left:50%;
    right:auto;
    bottom:54px;
    width:auto;
    height:32vh;
    max-width:44vw;
    object-position:center bottom;
    opacity:.78;
    transform:translateX(-50%);
  }
}

/* Preserve marquee geometry in RTL while keeping Arabic glyph order correct. */
html[dir="rtl"] .service-marquee,
html[dir="rtl"] .marquee-row,
html[dir="rtl"] .marquee-track,
html[dir="rtl"] .marquee-group{direction:ltr}
html[dir="rtl"] .marquee-group a{
  direction:rtl;
  unicode-bidi:isolate;
  text-align:right;
}
.hero-copy h1,.section-heading h2,.page-hero h1,.contact-cta h2{letter-spacing:-.055em}

/* Mobile hero becomes two consecutive visual sections: copy, then carousel. */
@media(max-width:650px){.hero.character-hero{display:flex;flex-direction:column;min-height:0;height:auto;padding:0;overflow:hidden}.character-hero .hero-copy{position:relative;width:100%;min-height:0;padding:78px 24px 48px;display:block}.character-hero .hero-copy h1{font-size:clamp(46px,12.5vw,58px);line-height:.92;max-width:94%;letter-spacing:-.06em}.character-hero .hero-copy>p{max-width:100%;margin:22px 0 18px;font-size:15px;line-height:1.55}.character-hero .hero-actions{max-width:100%;gap:6px}.character-hero .hero-visual{position:relative;inset:auto;width:100%;height:660px;opacity:1;border-top:1px solid var(--line);overflow:hidden}.character-hero .hero-character-card{left:50%;top:49%;width:88vw;height:82%;opacity:1}.character-hero .director-frame{left:8%;right:8%;top:7%;bottom:10%}.character-hero .hero-slider-nav{right:24px;bottom:24px}.character-hero .hero-slider-index{right:132px;bottom:37px}.character-hero .frame-rail{display:none}.hero-availability{right:24px;top:20px}.character-hero[data-slide="3"] .hero-copy h1{font-size:clamp(36px,9.8vw,45px);line-height:.96}.character-hero[data-slide="5"] .hero-copy h1{font-size:clamp(39px,10.5vw,48px)}}
@media(max-width:650px){.character-hero .hero-copy:after{content:"";position:absolute;left:24px;bottom:-1px;width:112px;height:2px;background:var(--hero-accent);z-index:3}.character-hero .hero-visual:before{content:attr(data-role);position:absolute;z-index:30;left:24px;right:24px;top:18px;color:var(--hero-accent);font:600 10px/1.4 'Poppins',Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.character-hero .hero-visual:after{content:"";position:absolute;z-index:29;left:24px;top:0;width:1px;height:38px;background:linear-gradient(var(--hero-accent),transparent)}}

/* Mobile story order: character frame first, its changing title directly below. */
@media(max-width:650px){.character-hero .hero-visual{order:1;height:650px;border-top:0;border-bottom:1px solid var(--line)}.character-hero .hero-copy{order:2;padding-top:52px;padding-bottom:58px;border-top:0}.character-hero .hero-copy:after{top:-1px;bottom:auto}.character-hero .hero-visual:before,.character-hero .hero-visual:after{content:none}.character-hero .hero-availability{z-index:35}.character-hero .hero-copy h1{margin-top:10px}.character-hero .hero-actions{margin-top:22px}}

/* Masked mobile title: typography sits behind the active character. */
@media(max-width:650px){.character-hero .hero-visual:before{content:attr(data-title);display:block;position:absolute;z-index:2;left:7%;right:7%;top:22%;transform:translateY(-50%);color:var(--paper);font:700 clamp(38px,10.8vw,52px)/.9 'Poppins',Arial,sans-serif;letter-spacing:-.065em;text-align:center;text-transform:uppercase;white-space:normal;overflow:visible;opacity:.96}.character-hero[data-slide="3"] .hero-visual:before{font-size:clamp(30px,8.6vw,40px)}.character-hero[data-slide="5"] .hero-visual:before{font-size:clamp(33px,9.2vw,43px)}.character-hero .hero-character-card{z-index:5}.character-hero .hero-copy h1,.character-hero .hero-copy .label{display:none}.character-hero .hero-copy{padding-top:36px}.character-hero .hero-copy>p{margin-top:0}.character-hero .hero-copy:after{width:92px}}

/* Locally hosted Arabic typography. The supplied font contains weight 700. */
html[dir="rtl"] body,
html[dir="rtl"] body *{
  font-family:'Traditional Arabic Local','Traditional Arabic',Tahoma,serif!important;
  font-weight:700;
  letter-spacing:0!important;
}
html[dir="rtl"] input,
html[dir="rtl"] textarea,
html[dir="rtl"] button{font-family:'Traditional Arabic Local','Traditional Arabic',Tahoma,serif!important}
html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3{line-height:1.15}

/* Unified, readable footer in both writing directions. */
.home-footer{
  min-height:112px;
  padding:28px var(--pad);
  display:grid;
  grid-template-columns:auto auto minmax(220px,1fr) auto;
  align-items:center;
  column-gap:clamp(28px,3.2vw,58px);
  row-gap:14px;
}
.home-footer .logo{font-family:'Poppins',Arial,sans-serif!important;font-size:40px;line-height:1}
.home-footer p{margin:0;font-size:15px;line-height:1.5;white-space:nowrap}
.home-footer .socials{display:flex;align-items:center;gap:clamp(20px,2vw,34px);margin:0}
.home-footer .socials a{font-family:'Poppins',Arial,sans-serif!important;font-size:14px;line-height:1.4;white-space:nowrap}
.home-footer .availability{display:block;margin:0;justify-self:end;font-size:15px;line-height:1.5;white-space:nowrap}
html[dir="rtl"] .home-footer .availability{justify-self:start}
.home-footer .availability b{display:inline-block;margin:0 10px;font-size:9px}
@media(max-width:1050px){
  .home-footer{grid-template-columns:auto 1fr auto}
  .home-footer p{grid-column:2}
  .home-footer .socials{grid-column:3}
  .home-footer .availability{grid-column:1/-1;justify-self:center!important}
}
@media(max-width:650px){
  .home-footer{grid-template-columns:auto 1fr;padding-top:24px;padding-bottom:24px}
  .home-footer .socials{grid-column:2;justify-self:end;flex-wrap:wrap;justify-content:flex-end}
  .home-footer p{grid-column:1/-1;grid-row:auto;width:auto;white-space:normal}
  .home-footer .availability{grid-column:1/-1;white-space:normal;text-align:center}
}