@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=DM+Sans:wght@400;450;500;600;700&display=swap');
:root{--black:#020409;--midnight:#030914;--navy:#06152d;--blue:#168aff;--cobalt:#086bff;--cyan:#31d7ff;--white:#f5f6fa;--muted:#8c9cb4;--line:#ffffff24;--ease:cubic-bezier(.22,1,.36,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--black);color:var(--white);font-family:'DM Sans',Arial,sans-serif;font-size:16px;line-height:1.55;overflow-x:clip}body:has(dialog[open]){overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}button{border:0}::selection{background:var(--blue);color:#fff}img,video{display:block;max-width:100%}h1,h2,h3,p{margin-top:0}h2{font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;font-weight:600;line-height:.93;font-size:clamp(60px,7vw,115px);letter-spacing:-.02em;margin-bottom:0}h2 em{font-style:normal;color:var(--muted)}.micro{font-size:12px;font-weight:500;letter-spacing:1.6px;line-height:1.5}.cyan{color:var(--cyan)}.section{padding:95px 5%}.section-top{display:flex;justify-content:space-between;padding-bottom:22px;border-bottom:1px solid var(--line)}.section-top>span:last-child{color:var(--muted)}header{height:92px;padding:0 4%;position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;z-index:10;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;font-family:'Barlow Condensed',Impact,sans-serif;font-weight:700;font-size:39px;gap:13px;line-height:1;letter-spacing:-2px}.brand>span{font-family:'DM Sans',sans-serif;font-weight:600;font-size:10px;line-height:1.3;letter-spacing:1.7px;border-left:1px solid var(--line);padding-left:13px}nav{display:flex;gap:35px;font-size:13px}nav a,.line-link{position:relative}nav a:after,.line-link:after{content:'';position:absolute;left:0;right:0;bottom:-7px;height:1px;background:var(--cyan);transform:scaleX(0);transform-origin:left;transition:transform .45s var(--ease)}nav a:hover:after,.line-link:hover:after{transform:scaleX(1)}nav a:last-child{color:var(--cyan)}nav a span{display:inline-block;margin-left:12px;transition:transform .3s}nav a:hover span{transform:translate(3px,-3px)}.menu{display:none}.hero{height:max(820px,100svh);max-height:1200px;position:relative;overflow:hidden;isolation:isolate;background:var(--midnight)}.hero-grid{position:absolute;inset:0;background:linear-gradient(90deg,transparent calc(100% - 1px),#ffffff07 0);background-size:20% 100%;z-index:-2}.hero-light{position:absolute;width:85%;height:100%;top:0;left:20%;background:radial-gradient(ellipse at 50% 50%,#086bff48,transparent 64%);z-index:-1}.hero:after,.loader:after{content:'';position:absolute;inset:0;pointer-events:none;opacity:.065;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.5' filter='url(%23n)'/%3E%3C/svg%3E");z-index:5}.hero-top{position:absolute;top:120px;left:5%;font-size:11px;letter-spacing:2.6px;color:var(--muted)}.hero-type{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:700;position:absolute;inset:0;line-height:.73;letter-spacing:-.025em;pointer-events:none;z-index:0}.hero-type .the{position:absolute;left:5%;top:185px;font-size:6vw;color:var(--cyan)}.hero-type .ayyan{position:absolute;left:17%;top:170px;font-size:26vw}.hero-type .nabeel{position:absolute;left:17%;top:calc(170px + 19vw);font-size:24vw;color:transparent;-webkit-text-stroke:1px #80a7d373}.hero-character{position:absolute;width:min(58vw,850px);height:min(65vw,930px);top:150px;left:30%;z-index:2;pointer-events:none;mask-image:linear-gradient(180deg,transparent 0%,#000 12%,#000 80%,transparent 99%)}.hero-character img{width:100%;height:100%;object-fit:cover;object-position:center 35%;mask-image:radial-gradient(ellipse 49% 62% at 50% 58%,#000 46%,#000c 66%,transparent 88%);filter:drop-shadow(0 0 35px #168aff20)}.hero-intro{position:absolute;left:5%;bottom:125px;z-index:4;width:310px}.hero-intro .micro{color:var(--cyan);font-size:10px}.hero-intro h1{font-size:23px;line-height:1.25;font-weight:500;letter-spacing:-.8px;margin:14px 0}.hero-intro h1 em{font-style:normal;color:var(--muted)}.hero-intro p{font-size:14px;color:#aab8ce;line-height:1.6;margin-bottom:25px}.primary{display:inline-flex;align-items:center;gap:36px;background:var(--cobalt);font-size:12px;letter-spacing:1px;padding:17px 23px;position:relative;overflow:hidden}.primary span{font-size:22px;line-height:1;transition:transform .3s}.primary:hover span{transform:translate(4px,4px)}.primary:hover{background:var(--blue)}.hero-index{position:absolute;left:15px;top:44%;writing-mode:vertical-rl;font-size:10px;color:var(--muted);letter-spacing:2px}.hero-aside{position:absolute;right:4%;top:42%;z-index:3;text-align:right}.hero-aside .micro{font-size:9px;color:var(--muted)}.hero-aside p{font-family:'Barlow Condensed',Impact,sans-serif;font-size:22px;line-height:1.1;margin:15px 0 25px}.line-link{display:inline-block;font-size:12px;letter-spacing:1px}.hero-community{position:absolute;right:4%;bottom:115px;z-index:4;display:flex;align-items:center;gap:15px}.hero-community b{font-family:'Barlow Condensed',Impact,sans-serif;font-size:66px;line-height:1;font-weight:500}.hero-community b span{color:var(--cyan)}.hero-community>span{font-size:10px;letter-spacing:1px;color:var(--muted)}.hero-bottom{position:absolute;bottom:0;left:4%;right:4%;height:65px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1.8px;z-index:4}.hero-bottom a{font-size:26px}.discipline-ribbon{overflow:hidden;background:var(--cobalt);padding:17px 0;transform:rotate(-1.5deg);margin:-10px -1% 0;position:relative;z-index:6;width:102%}.discipline-ribbon>div{white-space:nowrap;font-family:'Barlow Condensed',Impact,sans-serif;font-weight:500;font-size:29px;letter-spacing:1px;width:max-content}.discipline-ribbon i{font-style:normal;margin:0 32px;color:var(--black)}.work{position:relative;background:linear-gradient(180deg,#030914,#020409 35%);padding-bottom:70px}.work-heading{padding:42px 0;position:relative;display:flex;justify-content:space-between;align-items:end;gap:40px}.work-heading p{font-size:14px;color:var(--muted);max-width:330px;position:relative;z-index:1;margin:0 4% 15px 0}.section-number{font-family:'Barlow Condensed',Impact,sans-serif;font-size:280px;position:absolute;right:-1%;top:-25px;color:#ffffff04;line-height:1;pointer-events:none}.filters{display:flex;flex-wrap:wrap;gap:9px 24px;padding:18px 0 28px;margin-bottom:26px;border-bottom:1px solid var(--line)}.filters button{background:transparent;padding:6px 0;font-size:10px;letter-spacing:1px;color:var(--muted);position:relative}.filters button:after{position:absolute;content:'';height:2px;bottom:0;left:0;right:0;background:var(--cyan);transform:scaleX(0);transition:transform .4s}.filters button.active{color:var(--white)}.filters button.active:after{transform:scaleX(1)}.filters sup{font-size:9px;color:var(--cyan);margin-left:6px}.projects{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:65px 35px;align-items:start}.project{grid-column:span 6;background:transparent;padding:0;text-align:left;min-width:0;position:relative}.project:nth-child(1){grid-column:1/8}.project:nth-child(2){grid-column:9/13;margin-top:160px}.project:nth-child(3){grid-column:1/6;margin-top:-130px}.project:nth-child(4){grid-column:7/13;margin-top:50px}.project:nth-child(5){grid-column:1/-1}.project:nth-child(6){grid-column:2/7}.project:nth-child(7){grid-column:8/13;margin-top:140px}.project:nth-child(8){grid-column:1/6;margin-top:-100px}.project:nth-child(9){grid-column:7/13;margin-top:40px}.project:nth-child(10){grid-column:2/12}.project[hidden]{display:none}.projects.filtered .project{grid-column:span 6;margin-top:0}.project-visual{display:block;overflow:hidden;position:relative;background:#0b0e18;isolation:isolate}.project img,.project video{width:100%;height:auto;max-height:760px;object-fit:contain;transition:transform 1s var(--ease);position:relative}.project:nth-child(5) .project-visual,.project:nth-child(10) .project-visual{background:#08070d}.project:nth-child(5) video{height:67vw;max-height:680px}.project:nth-child(10) video{height:620px}.project:nth-child(1):before{content:'';position:absolute;inset:0 -15%;background:radial-gradient(ellipse,#625bff19,transparent 65%);z-index:-1}.project:nth-child(7):before{content:'';position:absolute;inset:-50px;background:radial-gradient(ellipse,#c2851a16,transparent 65%);z-index:-1}.project:hover img,.project:hover video{transform:scale(1.035)}.project-visual:after{content:'';position:absolute;inset:0;border:1px solid #ffffff0d;pointer-events:none}.project-marker{position:absolute;top:14px;left:15px;background:#020409b8;padding:5px 9px;font-size:9px;letter-spacing:1px;z-index:2}.project-info{display:flex;justify-content:space-between;gap:20px;padding:18px 0 14px;border-bottom:1px solid var(--line);position:relative}.project-info:after{content:'';position:absolute;bottom:-1px;height:1px;width:100%;background:var(--cyan);transform:scaleX(0);transform-origin:left;transition:transform .6s var(--ease)}.project:hover .project-info:after{transform:scaleX(1)}.project-title{display:block;font-size:20px;font-weight:500;letter-spacing:-.6px;transition:transform .4s}.project:hover .project-title{transform:translateX(7px)}.project-category{font-size:10px;color:var(--muted);letter-spacing:1px;margin-top:5px;display:block;text-transform:uppercase}.project-arrow{font-size:27px;transition:transform .4s;color:var(--muted)}.project:hover .project-arrow{transform:translate(3px,-3px);color:var(--cyan)}.project-count{position:absolute;right:15px;bottom:18px;font-family:'Barlow Condensed',Impact,sans-serif;font-size:65px;color:#fff8;z-index:1;line-height:1}.empty-category{padding:60px 0;min-height:300px}.empty-category h3{font-size:40px;margin:10px 0}.empty-category p{color:var(--muted)}.motion-moment{padding:45px 0 65px;overflow:hidden;background:#0b070d;position:relative}.moment-heading{text-align:center;padding:30px 5% 45px}.moment-heading .micro{color:#c4aebf}.moment-heading h2{font-size:clamp(75px,11vw,160px);margin:17px 0 20px}.moment-heading h2 em{color:#d4b4c9}.cinema{display:block;width:90%;margin:auto;padding:0;background:#000;position:relative;overflow:hidden}.cinema video{width:100%;aspect-ratio:16/9;object-fit:cover}.cinema-play{position:absolute;bottom:30px;right:30px;border:1px solid #fff7;padding:14px 20px;font-size:11px;letter-spacing:2px;background:#0006}.moment-bottom{display:flex;justify-content:space-between;margin:25px 5% 0;font-size:10px;letter-spacing:1.5px;color:var(--muted)}.expertise{background:var(--midnight);position:relative}.expertise-heading{display:flex;justify-content:space-between;align-items:end;padding:40px 0 50px;gap:40px}.expertise-heading>p{color:var(--muted);max-width:330px;font-size:15px;margin:0}.expertise-stage{display:grid;grid-template-columns:1.1fr 1fr;gap:7%}.expertise-list button{width:100%;background:none;border-bottom:1px solid var(--line);padding:23px 0;display:flex;align-items:center;text-align:left;gap:18px;color:var(--muted);transition:color .35s,padding .35s}.expertise-list button.active{color:var(--white);padding-left:13px;border-bottom-color:var(--blue)}.expertise-list button>span{font-size:11px;align-self:flex-start;margin-top:5px}.expertise-list strong{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(25px,3vw,45px);font-weight:500;line-height:1}.expertise-list button>b{font-size:21px;margin-left:auto;font-weight:400}.expertise-list button.active>span,.expertise-list button.active>b{color:var(--cyan)}.service-preview{align-self:start;position:sticky;top:50px}.service-preview #preview-media{height:400px;background:#091323;overflow:hidden}.service-preview img,.service-preview video{width:100%;height:100%;object-fit:contain}.preview-caption{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:13px 0;font-size:10px;color:var(--muted);letter-spacing:1px}.service-preview h3{font-size:25px;font-weight:500;letter-spacing:-.6px;margin:18px 0 8px}.service-preview p{font-size:14px;color:var(--muted);max-width:450px}.mobile-service-media{display:none}.world-moment{min-height:800px;position:relative;display:flex;align-items:center;padding:80px 5%;isolation:isolate;overflow:hidden;background:#0b0b07}.world-moment:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 75% 50%,#ad6a1628,transparent 60%);z-index:-1}.world-title{position:relative;z-index:2;width:60%;pointer-events:none}.world-title h2{font-size:clamp(70px,10vw,160px);text-shadow:0 2px 30px #0008}.world-title h2 em{color:#d6bc89}.world-title .micro{display:block;margin-bottom:30px;color:#d6bc89}.world-art{position:absolute;right:5%;top:12%;width:54%;height:80%;overflow:hidden}.world-art img{width:100%;height:100%;object-fit:cover}.world-note{position:absolute;right:5%;bottom:35px;font-size:10px;letter-spacing:1.5px;color:#d6bc89}.selected{padding-top:60px;padding-bottom:60px;background:#070b11;border-bottom:1px solid var(--line)}.selected>.micro{color:var(--muted)}.selected-names{display:grid;grid-template-columns:repeat(4,1fr);gap:27px 35px;margin-top:35px}.selected-names span{font-size:17px;font-weight:500;letter-spacing:-.5px}.studio{position:relative;overflow:hidden;isolation:isolate;background:#020306}.studio-word{font-family:'Barlow Condensed',Impact,sans-serif;position:absolute;font-weight:700;font-size:26vw;color:#ffffff04;left:-1%;top:20%;line-height:1;z-index:-1;letter-spacing:-.04em}.studio-composition{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center;margin:70px 0}.studio-emblem{position:relative;padding:10%;aspect-ratio:1;display:flex;align-items:center;justify-content:center}.studio-emblem img{mix-blend-mode:screen;width:95%;height:auto}.orbit{position:absolute;inset:0;border:1px solid #ffffff13;border-radius:50%;pointer-events:none}.orbit-one{transform:rotate(-25deg) scaleY(.73)}.orbit-two{inset:10%;transform:rotate(30deg) scaleY(.9);border-color:#168aff24}.orbit-one:after{content:'';position:absolute;top:14%;left:14%;height:5px;width:5px;background:var(--cyan);border-radius:50%;box-shadow:0 0 25px var(--blue)}.studio-copy h2{margin:20px 0 27px}.studio-copy>p{font-size:15px;max-width:440px;color:var(--muted)}.studio-links{max-width:440px}.studio-links a{display:flex;justify-content:space-between;font-size:13px;padding:15px 0;border-bottom:1px solid var(--line)}.studio-links span{transition:transform .4s}.studio-links a:hover span{transform:translate(4px,-4px);color:var(--cyan)}.studio-strip{display:flex;gap:18px;width:110%;transform:rotate(-3deg);margin-left:-5%}.studio-strip img{width:25%;height:230px;object-fit:cover;opacity:.65}.community{display:grid;grid-template-columns:1.15fr 1fr;gap:8%;align-items:center;background:var(--navy);position:relative;overflow:hidden;padding-top:85px;padding-bottom:85px}.community-type{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(150px,25vw,380px);line-height:.9;position:relative;white-space:nowrap}.community-type em{color:var(--cyan);font-style:normal}.community-outline{position:absolute;top:40px;left:20px;color:transparent;-webkit-text-stroke:1px #ffffff17;z-index:0;pointer-events:none}.community-copy{position:relative;z-index:1}.community-copy h2{font-size:clamp(36px,4.4vw,70px);margin:20px 0}.community-copy p{color:var(--muted);max-width:400px;font-size:14px;margin-bottom:26px}footer{padding:55px 5% 25px;background:#020409;overflow:hidden}.footer-top{display:flex;justify-content:space-between;color:var(--muted)}.footer-title{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(80px,16.6vw,270px);line-height:.86;font-weight:600;letter-spacing:-.02em;display:block;margin:50px 0}.footer-title>span{display:block}.footer-title em{font-style:normal;color:transparent;-webkit-text-stroke:1px #94abc9;transition:color .5s}.footer-title:hover em{color:var(--cyan);-webkit-text-stroke-color:var(--cyan)}.contact-row{display:flex;justify-content:space-between;gap:30px;border-top:1px solid var(--line);padding:30px 0 45px}.email{font-size:20px;letter-spacing:-.5px}#copy{display:block;margin-top:13px;background:none;color:var(--muted);padding:0;font-size:10px;letter-spacing:1px}#copy span{margin-left:15px;color:var(--cyan)}#copy-status{font-size:12px;color:var(--cyan);display:block;min-height:19px}.footer-socials{display:flex;gap:30px;font-size:13px}.footer-bottom{border-top:1px solid var(--line);padding-top:20px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px;color:var(--muted)}.scroll-progress{position:fixed;top:0;left:0;height:2px;width:100%;transform:scaleX(0);transform-origin:left;background:var(--cyan);z-index:50;pointer-events:none}.cursor{position:fixed;top:0;left:0;width:12px;height:12px;border:1px solid var(--cyan);border-radius:50%;z-index:80;pointer-events:none;display:none;align-items:center;justify-content:center;transform:translate(-50%,-50%);transition:width .25s,height .25s,background .25s,border .25s}.cursor span{font-size:10px;letter-spacing:1px;white-space:nowrap;opacity:0}.cursor.active{width:85px;height:85px;background:#f5f6fae8;color:#020409;border-color:transparent;backdrop-filter:blur(6px)}.cursor.active span{opacity:1}.cursor.link{width:30px;height:30px}.loader{position:fixed;inset:0;background:#020409;z-index:100;padding:35px 5%;display:flex;flex-direction:column;justify-content:center;pointer-events:none}.loader-top{position:absolute;top:35px;left:5%;right:5%;display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.5px;color:var(--muted)}.loader-name{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(65px,12vw,190px);font-weight:600;line-height:.85;letter-spacing:-.02em}.loader-name span{display:block}.loader-name span:last-child{color:transparent;-webkit-text-stroke:1px var(--muted)}.loader-bottom{position:absolute;left:5%;right:5%;bottom:65px;display:flex;justify-content:space-between;align-items:end}.loader-bottom>span{font-size:10px;color:var(--muted);letter-spacing:1.6px}.loader-bottom strong{font-family:'Barlow Condensed',Impact,sans-serif;font-size:90px;font-weight:500;line-height:1;font-variant-numeric:tabular-nums}.load-track{position:absolute;left:5%;right:5%;bottom:45px;height:1px;background:var(--line)}.load-track i{display:block;width:100%;height:100%;background:var(--blue);transform:scaleX(0);transform-origin:left}.loader:before{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,#168aff0c 50%,transparent 70%);pointer-events:none}.skip{position:fixed;top:-100px;left:15px;background:var(--cobalt);padding:10px;z-index:200}.skip:focus{top:15px}dialog{padding:25px 4%;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;background:#020409f7;color:var(--white);border:0;overflow:auto}dialog::backdrop{background:#020409ed;backdrop-filter:blur(12px)}.viewer-top{display:flex;justify-content:space-between;align-items:center;height:45px}.viewer-close{background:none;font-size:11px;letter-spacing:1.5px;padding:10px}.viewer-close span{margin-left:20px;font-size:20px}#viewer-media{height:calc(100dvh - 190px);display:flex;align-items:center;justify-content:center;padding:20px 0}#viewer-media img,#viewer-media video{width:100%;height:100%;object-fit:contain}.viewer-bottom{display:flex;justify-content:space-between;align-items:center}.viewer-bottom h2{font-family:'DM Sans',sans-serif;font-size:22px;line-height:1.2;letter-spacing:-.5px;font-weight:500;margin:0}.viewer-bottom p{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin:7px 0 0}.viewer-bottom>div:last-child{display:flex;gap:20px;align-items:center}.viewer-bottom button{background:none;border:1px solid var(--line);width:42px;height:42px;font-size:22px}#viewer-index{font-size:11px;color:var(--muted)}.heading-line{display:block;overflow:hidden;padding-bottom:.08em;margin-bottom:-.08em}.heading-line>span{display:block}.noscript{padding:20px;color:white}
@media(min-width:1600px){.hero-type .ayyan{font-size:410px}.hero-type .nabeel{font-size:380px;top:480px}.hero-character{left:calc(50% - 280px)}}@media(max-width:1050px){.hero{height:850px;min-height:0}.hero-type .ayyan{top:210px;font-size:28vw;left:10%}.hero-type .nabeel{top:calc(220px + 22vw);left:10%;font-size:27vw}.hero-type .the{top:173px;font-size:7vw}.hero-character{width:73vw;height:80vw;left:23%;top:220px}.hero-intro{bottom:110px;width:265px}.hero-aside{top:175px}.hero-aside .micro{display:none}.hero-aside p{font-size:16px}.hero-community{bottom:95px}.service-preview #preview-media{height:350px}.expertise-list button{padding:22px 0}.world-moment{min-height:650px}.project:nth-child(3){margin-top:-70px}.project:nth-child(8){margin-top:-30px}.section{padding-top:75px;padding-bottom:75px}.selected-names{grid-template-columns:repeat(4,1fr);gap:25px 20px}.selected-names span{font-size:14px}.studio-strip img{height:170px}.footer-socials{gap:20px}}
@media(max-width:700px){html{scroll-padding-top:25px}header{height:75px}.brand{font-size:32px}.brand>span{font-size:9px}nav{display:none;position:absolute;left:0;right:0;top:75px;background:#030914f5;backdrop-filter:blur(20px);padding:30px 6%;flex-direction:column;gap:24px;border-bottom:1px solid var(--line);font-size:18px}nav.open{display:flex}.menu{display:flex;width:42px;height:42px;flex-direction:column;align-items:center;justify-content:center;gap:7px;background:none}.menu i{width:25px;height:1px;background:var(--white);transition:transform .3s}.menu[aria-expanded=true] i:first-child{transform:translateY(4px) rotate(45deg)}.menu[aria-expanded=true] i:last-child{transform:translateY(-4px) rotate(-45deg)}.hero{height:900px;max-height:none}.hero-top{top:101px;left:6%;font-size:8px;letter-spacing:1.6px}.hero-type .the{top:145px;left:6%;font-size:12vw}.hero-type .ayyan{top:200px;left:3%;font-size:37vw}.hero-type .nabeel{top:calc(200px + 29vw);left:3%;font-size:34vw}.hero-character{top:230px;left:10%;width:100vw;height:110vw;max-height:610px;mask-image:linear-gradient(180deg,transparent,#000 10%,#000 63%,transparent 95%)}.hero-intro{bottom:100px;left:6%;width:70%;padding-top:70px;background:linear-gradient(transparent,#030914 45%)}.hero-intro h1{font-size:21px}.hero-intro p{font-size:12px;margin-bottom:19px}.hero-intro .micro{font-size:9px}.primary{padding:14px 18px;font-size:11px;gap:26px}.hero-aside{top:145px;right:6%;text-align:right}.hero-aside p{font-size:15px;line-height:1.1;margin:0 0 12px}.hero-aside .line-link{font-size:9px}.hero-index{display:none}.hero-community{right:6%;bottom:115px;display:block;text-align:right}.hero-community b{font-size:48px}.hero-community>span{font-size:8px;display:block;margin-top:5px}.hero-bottom{left:6%;right:6%;font-size:8px;letter-spacing:1px}.hero-bottom>span:nth-child(2){display:none}.discipline-ribbon{padding:12px 0}.discipline-ribbon>div{font-size:23px}.discipline-ribbon i{margin:0 20px}.section{padding:55px 6%}.section-top{padding-bottom:17px}.micro{font-size:9px;letter-spacing:1.2px}.section-top>span:last-child{max-width:130px;text-align:right}.work-heading{display:block;padding:32px 0 25px}h2{font-size:66px}.work-heading p{font-size:13px;margin:25px 0 0;max-width:270px}.section-number{font-size:190px;right:0;top:30px}.filters{flex-wrap:nowrap;overflow:auto;gap:22px;white-space:nowrap;margin-bottom:18px;padding:13px 0 19px}.filters button{font-size:9px}.projects{gap:35px 15px}.project:nth-child(n),.projects.filtered .project{grid-column:1/-1;margin:0}.project:nth-child(2),.project:nth-child(6){grid-column:3/-1}.project:nth-child(3),.project:nth-child(8){grid-column:1/11}.project:nth-child(4),.project:nth-child(7){grid-column:2/-1}.projects.filtered .project:nth-child(n){grid-column:1/-1}.project-title{font-size:18px}.project-category{font-size:9px}.project-info{padding:13px 0}.project-count{font-size:48px}.project:nth-child(5) video,.project:nth-child(10) video{height:auto;max-height:520px}.moment-heading{padding:10px 6% 30px}.moment-heading h2{font-size:80px}.motion-moment{padding:30px 0}.cinema{width:100%}.cinema-play{bottom:15px;right:15px;padding:10px;font-size:9px}.moment-bottom{font-size:8px;gap:20px;margin:20px 6% 0}.moment-bottom>span:last-child{text-align:right}.expertise-heading{display:block;padding:30px 0}.expertise-heading p{font-size:14px;margin-top:23px;max-width:330px}.expertise-stage{display:block}.service-preview{display:none}.expertise-list button{padding:20px 0}.expertise-list strong{font-size:32px}.expertise-list button>span{font-size:10px}.expertise-list button.active{padding-left:0}.mobile-service-media{display:block;padding:20px 0 30px}.mobile-service-media img,.mobile-service-media video{width:100%;height:330px;object-fit:contain;background:#080f1b}.mobile-service-media h3{font-size:21px;font-weight:500;margin:18px 0 8px}.mobile-service-media p{font-size:13px;color:var(--muted);margin:0}.mobile-service-media .micro{margin-top:12px;display:block;color:var(--muted)}.world-moment{min-height:710px;padding:45px 6%;align-items:start;flex-direction:column}.world-title{width:100%}.world-title h2{font-size:76px}.world-title .micro{margin-bottom:20px;font-size:8px}.world-art{top:250px;right:6%;width:82%;height:380px}.world-note{bottom:30px;right:6%;font-size:8px}.selected-names{grid-template-columns:1fr 1fr;gap:25px 20px}.selected-names span{font-size:14px}.studio-composition{grid-template-columns:1fr;gap:40px;margin:40px 0}.studio-emblem{width:80%;margin:auto}.studio-copy h2{font-size:75px}.studio-copy p{font-size:14px}.studio-word{top:25%;font-size:29vw}.studio-strip{width:160%;margin-left:-25%;gap:10px}.studio-strip img{height:145px}.community{grid-template-columns:1fr;gap:40px}.community-type{font-size:55vw}.community-copy h2{font-size:48px}.community-copy p{font-size:14px}.community-outline{top:20px;left:10px}footer{padding:35px 6% 20px}.footer-top .micro:last-child{display:none}.footer-title{font-size:18vw;margin:40px 0}.contact-row{display:block;padding:25px 0}.email{font-size:18px}.footer-socials{margin-top:25px;gap:25px;font-size:12px}.footer-bottom{font-size:8px;gap:20px}.footer-bottom>span:nth-child(2){display:none}.loader{padding:25px 6%}.loader-name{font-size:18vw}.loader-top{top:25px;font-size:8px}.loader-top>span:last-child{display:none}.loader-bottom{bottom:55px}.loader-bottom>span{font-size:8px;max-width:150px}.loader-bottom strong{font-size:75px}.load-track{bottom:35px}.viewer-bottom{gap:12px}.viewer-bottom h2{font-size:17px}.viewer-bottom p{font-size:9px}.viewer-bottom>div:last-child{gap:10px}.viewer-bottom button{width:34px;height:34px}#viewer-index{display:none}.cursor{display:none!important}.empty-category h3{font-size:28px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.cursor{display:none!important}.loader{display:none}.hero-character img{filter:none}}
[hidden]{display:none!important}
/* V3 — atmosphere, editorial navigation and dedicated collections */
.atmosphere{isolation:isolate}.atmosphere-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:.65}.hero-type,.hero-intro,.hero-aside,.hero-community,.hero-bottom{z-index:2}.hero-character{z-index:3}.hero-intro,.hero-aside,.hero-community,.hero-bottom{z-index:4}.studio .section-top,.studio-composition,.studio-strip{position:relative;z-index:1}.page-wipe{position:fixed;inset:0;z-index:90;pointer-events:none;background:#030914;transform:scaleY(0);transform-origin:bottom;border-top:2px solid var(--cyan)}.category-portals{background:#050a12;padding-top:45px;padding-bottom:65px}.portal-links{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:22px;margin-top:30px}.category-portal{position:relative;overflow:hidden;min-height:370px;background:#071124}.category-portal:nth-child(2){margin-top:45px}.category-portal:nth-child(3){margin-top:85px}.category-portal>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;transition:transform 1s var(--ease);opacity:.8}.category-portal:nth-child(3)>img{object-position:23% center}.category-portal:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 10%,#020409bb 80%);pointer-events:none}.category-portal:hover>img{transform:scale(1.045)}.portal-label{position:absolute;left:25px;right:25px;bottom:25px;z-index:1}.portal-label small{font-size:10px;color:#cfdef4;letter-spacing:1.5px}.portal-label strong{display:block;font-family:'Barlow Condensed',Impact,sans-serif;font-size:49px;line-height:1;margin-top:15px;font-weight:500}.portal-label b{font-weight:400;float:right;color:var(--cyan);transition:transform .4s}.category-portal:hover b{transform:translate(5px,-5px)}.brand-moment{min-height:0;display:block;padding:65px 5% 85px;background:#030914;overflow:hidden}.brand-moment:before{background:radial-gradient(ellipse at 65% 70%,#086bff24,transparent 65%)}.brand-heading{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:20px;margin-bottom:40px}.brand-heading>.micro{grid-column:1/-1;color:var(--cyan)}.brand-heading h2{font-size:clamp(65px,7vw,110px)}.brand-heading h2 em{color:#a9c1e1}.brand-heading p{color:var(--muted);font-size:16px;justify-self:end;margin-bottom:5px}.banner-panel{display:block;position:relative;transform:rotate(-1.2deg);overflow:hidden;border-top:1px solid #31d7ff50;border-bottom:1px solid #31d7ff30;box-shadow:0 30px 100px #086bff10;background:#030914}.banner-panel img{width:100%;height:auto;aspect-ratio:4;object-fit:cover;transition:transform 1.1s var(--ease)}.banner-panel:hover img{transform:scale(1.018)}.banner-edge{display:flex;justify-content:space-between;padding:17px 22px;font-size:10px;letter-spacing:1.2px;color:var(--muted);background:#050d1c}.banner-edge b{font-weight:500;color:var(--cyan)}.category-hero{position:relative;min-height:720px;padding:125px 5% 70px;background:#030914;overflow:hidden}.category-breadcrumb{position:relative;z-index:3;display:flex;gap:20px;font-size:11px;letter-spacing:1.5px;color:var(--muted)}.category-breadcrumb a{color:var(--cyan)}.category-hero-type{position:relative;z-index:2;max-width:65%;margin-top:75px}.category-hero-type>.micro{color:var(--cyan)}.category-hero h1{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(75px,9.6vw,155px);line-height:.9;font-weight:600;letter-spacing:-.025em;margin:23px 0}.category-hero h1 em{font-style:normal;color:#a7bad5}.category-hero-type>p{max-width:390px;color:#a7b8d0;font-size:16px;margin:24px 0}.category-hero-type>.line-link{margin:10px 0 25px}.category-hero-art{position:absolute;width:48%;height:83%;right:0;top:12%;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 30%,#000 90%)}.category-hero-art:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 50%,#030914)}.category-hero-art img{width:100%;height:100%;object-fit:cover;opacity:.65}.animation-hero .category-hero-art{width:72%;height:100%;top:0}.animation-hero .category-hero-art img{opacity:.5}.video-editing-hero .category-hero-art{top:140px;width:60%;height:440px}.video-editing-hero .category-hero-art img{object-position:20% center;opacity:.5}.category-hero-bottom{position:absolute;left:5%;right:5%;bottom:20px;display:flex;justify-content:space-between;z-index:3;border-top:1px solid var(--line);padding-top:16px;font-size:10px;letter-spacing:1.5px;color:var(--muted)}.category-collection{display:grid;grid-template-columns:28% 1fr;gap:7%;border-top:1px solid var(--line)}.collection-heading{position:sticky;top:45px;align-self:start}.collection-heading>.micro{color:var(--cyan)}.collection-heading h2{font-size:clamp(45px,4.6vw,73px);margin-top:25px}.category-gallery{display:grid;grid-template-columns:1fr 1fr;gap:40px 24px;align-items:start}.category-project{background:none;padding:0;text-align:left;min-width:0}.category-project:nth-child(3n+1){grid-column:1/-1}.category-project:nth-child(3n+3){margin-top:75px}.category-media{display:block;position:relative;overflow:hidden;background:#080f1c}.category-media img,.category-media video{width:100%;max-height:750px;object-fit:contain;transition:transform 1s var(--ease)}.category-project:hover .category-media img,.category-project:hover .category-media video{transform:scale(1.035)}.category-project:hover .project-info:after{transform:scaleX(1)}.category-project:hover .project-title{transform:translateX(5px)}.category-project:hover .project-arrow{color:var(--cyan);transform:translate(3px,-3px)}#scenery{background:linear-gradient(135deg,#090a17,#0b0c0b)}#scenery .category-gallery{grid-template-columns:1fr 1fr}#scenery .category-project:first-child{grid-column:auto}#scenery .category-project:last-child{margin-top:95px}.collection-note{font-size:15px;color:var(--muted);margin-top:25px}.collection-note a{display:block;color:var(--cyan);font-size:13px;margin-top:17px}.category-page[data-page=animation] #\32 d .category-project:first-child{grid-column:1/-1}.category-page[data-page=animation] #\33 d{background:#080d19}.category-page[data-page=animation] #\33 d .category-project{grid-column:auto;margin-top:0}.category-page[data-page=animation] #\33 d .category-project:last-child{margin-top:100px}.category-page[data-page=video-editing] .category-gallery .category-project{grid-column:1/-1;margin:0}.editing-contact{background:#06152d;display:grid;grid-template-columns:1fr auto;gap:25px;align-items:end}.editing-contact>.micro{grid-column:1/-1;color:var(--cyan)}.editing-contact h2{font-size:clamp(55px,6vw,95px)}.next-discipline{display:block;padding:45px 5%;border-block:1px solid var(--line);background:#080e18}.next-discipline>.micro{color:var(--muted)}.next-discipline strong{display:flex;justify-content:space-between;font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(40px,5vw,80px);font-weight:500;line-height:1;margin-top:20px}.next-discipline strong>span{color:var(--cyan);transition:transform .4s}.next-discipline:hover strong>span{transform:translate(7px,-7px)}.category-page nav a[aria-current=page]{color:var(--cyan)}nav{gap:25px}nav a{font-size:13px}
@media(max-width:1050px){nav{gap:15px}nav a{font-size:12px}.category-hero{min-height:680px}.category-collection{grid-template-columns:1fr;gap:35px}.collection-heading{position:static;display:grid;grid-template-columns:1fr 1fr}.collection-heading>.micro{grid-column:1/-1}.collection-note{align-self:end;margin-bottom:0}.category-gallery{gap:35px}.portal-label strong{font-size:39px}.category-portal{min-height:310px}.brand-heading p{font-size:14px}}
@media(max-width:700px){nav a{font-size:18px}.portal-links{grid-template-columns:1fr;gap:18px}.category-portal{min-height:280px}.category-portal:nth-child(n){margin-top:0}.category-portal:nth-child(2){margin-left:8%}.category-portal:nth-child(3){margin-right:8%}.portal-label strong{font-size:45px}.category-portal:nth-child(3)>img{object-position:center}.brand-moment{padding:50px 6%}.brand-heading{display:block;margin-bottom:25px}.brand-heading h2{font-size:66px;margin:20px 0}.brand-heading p{font-size:14px}.banner-panel{width:112%;margin-left:-6%;transform:none;border-color:#31d7ff30}.banner-panel img{aspect-ratio:4;object-fit:contain}.banner-edge{padding:13px 6%;font-size:8px;gap:15px;align-items:center}.banner-edge b{max-width:130px;text-align:right}.category-hero{padding:105px 6% 80px;min-height:750px}.category-breadcrumb{font-size:10px;gap:15px}.category-hero-type{max-width:100%;margin-top:55px}.category-hero h1{font-size:clamp(65px,17vw,100px)}.category-hero-type>p{font-size:15px;max-width:290px}.category-hero-art{top:20%;width:90%;height:80%;mask-image:linear-gradient(90deg,transparent,#000 50%);opacity:.45}.animation-hero .category-hero-art{width:100%;opacity:.7}.video-editing-hero .category-hero-art{top:230px;width:100%;height:400px;opacity:.6}.category-hero-bottom{left:6%;right:6%;font-size:8px;gap:25px}.category-hero-bottom>span:last-child{text-align:right}.collection-heading{display:block}.collection-heading h2{font-size:57px;margin-top:18px}.category-gallery{display:block}.category-project{display:block;width:100%;margin-bottom:35px}.category-project:nth-child(n),#scenery .category-project:last-child,.category-page[data-page=animation] #\33 d .category-project:last-child{margin-top:0}.category-project:nth-child(even){width:92%;margin-left:8%}.category-gallery .category-project:last-child{margin-bottom:0}.category-media img,.category-media video{max-height:600px}.collection-note{max-width:400px;font-size:14px;margin-bottom:5px}.editing-contact{display:block}.editing-contact h2{font-size:58px;margin:25px 0}.editing-contact .primary{margin-top:5px}.next-discipline{padding:30px 6%}.next-discipline strong{font-size:45px}.category-hero-type .line-link{font-size:11px}.category-collection{padding-top:45px;padding-bottom:50px}}
@media(prefers-reduced-motion:reduce){.atmosphere-canvas,.page-wipe{display:none}.category-hero-art,.category-hero-type{transform:none!important;opacity:1!important}}
/* Portfolio architecture and professional presence */
.profile-section,.home-disciplines,.connect-section,.work-gateways{position:relative;isolation:isolate;background:#030b18}.profile-section:before,.connect-section:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 15% 60%,#086bff16,transparent 65%),linear-gradient(90deg,#ffffff03 1px,transparent 1px);background-size:auto,140px 100%}.profile-layout{position:relative;z-index:1;display:grid;grid-template-columns:1.2fr 1fr;gap:7%;align-items:center;margin-top:45px}.profile-layout h2{font-size:clamp(50px,5.3vw,83px)}.profile-layout p{font-size:16px;color:var(--muted);max-width:650px;margin:20px 0}.profile-layout .profile-lead{color:var(--white);font-size:21px;margin-top:30px}.profile-layout .primary{margin-top:12px}.profile-panel{transform:rotate(-3deg);border-block:1px solid #31d7ff40;background:#06152d}.profile-panel img{width:100%;aspect-ratio:4;object-fit:contain}.profile-panel>.micro{display:block;padding:20px;color:var(--muted);font-size:10px}.discipline-links{display:grid;grid-template-columns:1fr 1fr;gap:0 6%;position:relative;z-index:1;margin-top:20px}.discipline-links a{display:flex;align-items:center;gap:20px;padding:25px 0;border-bottom:1px solid var(--line)}.discipline-links a>span{color:var(--cyan);font-size:12px}.discipline-links strong{font-family:'Barlow Condensed',Impact,sans-serif;font-size:36px;font-weight:500}.discipline-links b{margin-left:auto;font-weight:400;color:var(--cyan);transition:transform .4s}.discipline-links a:hover b{transform:translate(5px,-5px)}.connect-section h2{position:relative;z-index:1;font-size:clamp(55px,6vw,95px);margin:25px 0 45px}.connect-links{display:grid;grid-template-columns:1fr 1fr;gap:0 5%;position:relative;z-index:1}.connect-links a{padding:27px 0;display:flex;align-items:center;gap:20px;border-bottom:1px solid var(--line)}.connect-links svg{width:32px;height:32px;flex-shrink:0;color:var(--cyan)}.connect-links strong{display:block;font-size:23px;font-weight:500;letter-spacing:-.5px}.connect-links small{display:block;font-size:12px;color:var(--muted);margin-top:5px;overflow-wrap:anywhere}.connect-links b{margin-left:auto;color:var(--cyan);font-size:25px;font-weight:400;transition:transform .3s}.connect-links a:hover b{transform:translate(4px,-4px)}.connect-links a:first-child{background:linear-gradient(90deg,#086bff24,transparent);padding-left:20px}.work-nav-trigger{display:flex;align-items:center;gap:6px}.work-nav-trigger>button{background:none;color:var(--cyan);font-size:18px;padding:0 7px}.work-nav{display:flex;align-items:center}.mega-menu{position:absolute;top:91px;left:4%;right:4%;padding:30px;background:#061124f5;border:1px solid #31d7ff30;backdrop-filter:blur(25px);box-shadow:0 30px 70px #0008}.mega-heading{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:20px}.mega-heading>a{font-size:11px;color:var(--cyan)}.mega-links{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;padding-top:25px}.mega-links a{display:grid;grid-template-columns:25px 1fr;gap:5px 12px}.mega-links a>span{grid-row:1/3;color:var(--cyan);font-size:11px}.mega-links strong{font-size:21px;font-weight:500}.mega-links small{font-size:12px;color:var(--muted)}.client-login{background:none;border:1px solid var(--line);padding:8px 12px;font-size:12px;white-space:nowrap}.client-login:hover{border-color:var(--cyan)}nav{align-items:center;gap:25px}.work-gateway{display:grid;grid-template-columns:1.15fr 1fr;gap:8%;align-items:center;padding:50px 0;border-bottom:1px solid var(--line);position:relative;z-index:1}.work-gateway:nth-child(even){grid-template-columns:1fr 1.15fr}.work-gateway:nth-child(even) .gateway-image{order:2}.gateway-image{overflow:hidden;background:#091328}.gateway-image img{width:100%;height:440px;object-fit:cover;transition:transform 1.1s var(--ease)}.work-gateway:nth-child(4) .gateway-image img{object-fit:contain}.work-gateway:nth-child(5) .gateway-image img{object-position:25%}.work-gateway:hover img{transform:scale(1.04)}.gateway-number{font-family:'Barlow Condensed',Impact,sans-serif;font-size:100px;line-height:1;color:transparent;-webkit-text-stroke:1px #31d7ff66;display:block;margin-bottom:20px}.gateway-copy h2{font-size:clamp(50px,6vw,90px)}.gateway-copy p{color:var(--muted);font-size:16px;margin:20px 0 28px}.gateway-copy b{display:inline-block;margin-left:30px;font-size:22px;transition:transform .3s}.work-gateway:hover b{transform:translate(5px,-5px)}.sample-request{border-top:1px solid #168aff66;padding:35px;background:linear-gradient(140deg,#0b1e37,#050d1c);grid-column:1/-1}.sample-request>.micro{color:var(--cyan)}.sample-request h3{font-size:25px;font-weight:500;margin:20px 0 15px}.sample-request p{color:var(--muted);font-size:15px}.sample-request a{margin-top:15px}.category-collection{position:relative;isolation:isolate;background:#040b17}.category-collection:nth-child(even){background:#061124}.collection-heading,.category-gallery{z-index:1}.category-gallery{position:relative}.selected{background:#071226}.selected-names{position:relative;z-index:1}.community-copy,.community-type{z-index:1}.film-divider{padding:20px 5%;display:flex;justify-content:space-between;gap:20px;border-block:1px dashed #8c9cb445;background:#06152d;font-family:monospace;font-size:11px;letter-spacing:1.5px;color:var(--muted)}#client-portal{inset:0;margin:auto;width:min(680px,92vw);height:auto;max-height:90dvh;padding:45px;border:1px solid #31d7ff40;background:#061124;overflow:auto}#client-portal h2{font-size:58px;margin:25px 0}#client-portal p{font-size:16px;color:var(--muted);max-width:500px}#client-portal small{display:block;margin-top:25px;color:var(--muted);font-size:12px}.portal-close{position:absolute;right:15px;top:12px;background:none;font-size:23px;padding:8px}.portal-studio{display:block;font-size:14px;color:var(--cyan);margin-top:20px}.page-wipe{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px}.page-wipe strong{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(50px,8vw,110px);font-weight:500}.page-wipe span{font-size:11px;letter-spacing:2px;color:var(--cyan)}.hero-type .nabeel{z-index:4;-webkit-text-stroke-color:#aac5eaa0;pointer-events:none}.hero-type{z-index:4;pointer-events:none}.hero-type .ayyan{z-index:0}.hero-character{z-index:3}.hero-type .ayyan{color:#f5f6facb}.hero-intro{z-index:5}.loader-bottom strong:after{content:'%';font-size:.35em;color:var(--cyan);margin-left:5px}.loader{background:radial-gradient(ellipse at 70% 40%,#086bff13,transparent 60%),#020409}
@media(max-width:1050px){nav{gap:14px}.client-login{font-size:11px;padding:7px}.profile-layout{grid-template-columns:1fr}.profile-panel{max-width:700px;margin:20px auto 0;width:100%}.gateway-image img{height:350px}.gateway-number{font-size:75px}}
@media(max-width:700px){body:has(nav.open){overflow:hidden}nav.open{position:fixed;top:75px;bottom:0;height:calc(100dvh - 75px);overflow-y:auto;padding:30px 6% 60px;align-items:stretch;gap:25px;background:#030914fa}nav>a{font-size:24px}.work-nav{display:block}.work-nav-trigger{justify-content:space-between}.work-nav-trigger>a{font-size:24px}.mega-menu{position:static;box-shadow:none;padding:20px 0 0;border:0;background:transparent;backdrop-filter:none}.mega-heading{display:none}.mega-links{grid-template-columns:1fr;gap:20px;padding:5px 0 0}.mega-links strong{font-size:18px}.mega-links small{font-size:11px}.mega-links a>span{font-size:10px}.client-login{font-size:14px;align-self:flex-start;padding:12px 20px}.profile-layout{margin-top:30px;gap:15px}.profile-layout h2{font-size:58px}.profile-layout .profile-lead{font-size:19px}.profile-layout p{font-size:15px}.profile-panel>.micro{font-size:8px;padding:15px}.discipline-links{grid-template-columns:1fr}.discipline-links a{padding:19px 0}.discipline-links strong{font-size:31px}.connect-section h2{font-size:58px}.connect-links{grid-template-columns:1fr}.connect-links strong{font-size:22px}.connect-links small{font-size:11px}.connect-links a{padding:23px 0}.work-gateway,.work-gateway:nth-child(even){grid-template-columns:1fr;gap:25px;padding:35px 0}.work-gateway:nth-child(even) .gateway-image{order:0}.gateway-image img{height:360px}.gateway-copy{position:relative;padding-left:65px}.gateway-number{position:absolute;left:0;top:0;font-size:55px}.gateway-copy h2{font-size:48px}.gateway-copy p{font-size:14px;margin:15px 0}.sample-request{padding:25px}.sample-request h3{font-size:23px}.film-divider{font-size:8px;padding:15px 6%}#client-portal{padding:40px 25px 25px}#client-portal h2{font-size:47px}#client-portal p{font-size:14px}.hero-type .nabeel{top:calc(195px + 29vw);font-size:33vw;-webkit-text-stroke-color:#b7d6fcbb}.hero-type .ayyan{color:#f5f6fae0}}
.hero-type{display:contents}.hero-type .the,.hero-type .ayyan{z-index:1}.hero-type .nabeel{z-index:4}.hero-top{z-index:5}
/* Curated collections: one item, one home. */
.collection-page .category-hero{min-height:590px;padding-bottom:85px}.collection-page .category-hero-type{max-width:78%;margin-top:48px}.collection-page .category-hero h1{font-size:clamp(64px,8.5vw,132px)}.type-scene{mask-image:none;display:flex;align-items:center;justify-content:center;pointer-events:none;isolation:isolate}.type-scene-word{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(110px,21vw,330px);font-weight:700;line-height:.9;writing-mode:vertical-rl;color:transparent;-webkit-text-stroke:1px #31d7ff24;transform:rotate(-12deg);white-space:nowrap}.type-scene i{position:absolute;width:75%;aspect-ratio:1;border:1px solid #168aff35;border-radius:50%;transform:rotateX(58deg) rotate(-25deg);box-shadow:0 0 100px #086bff0a}.type-scene:after{background:linear-gradient(90deg,#03091477,transparent)}.scene-count{position:absolute;bottom:16%;right:12%;font-size:12px;letter-spacing:3px;color:var(--cyan)}.uniform-collection{display:block;padding-top:65px}.uniform-collection .collection-heading{position:static;display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:42px}.uniform-collection .collection-heading h2{font-size:clamp(48px,5.5vw,82px);margin:18px 0 0}.uniform-collection .collection-note{max-width:360px;margin:0;font-size:16px}.uniform-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px 26px}.uniform-grid .category-project:nth-child(n){grid-column:auto;margin:0;width:100%;min-width:0}.uniform-grid .category-media{aspect-ratio:4/5;display:flex;align-items:center;justify-content:center;background:#060c16;border:1px solid #ffffff12}.uniform-grid .category-media img,.uniform-grid .category-media video{width:100%;height:100%;max-height:none;object-fit:contain}.uniform-grid .project-info{gap:12px;align-items:start;min-height:95px}.uniform-grid .project-title{font-size:clamp(19px,1.6vw,26px);line-height:1.25}.uniform-grid .project-category{font-size:14px;line-height:1.5;margin-top:7px}.item-number{position:absolute;z-index:2;top:14px;left:14px;padding:5px 9px;background:#020409b0;font-size:12px;letter-spacing:2px;backdrop-filter:blur(12px)}.item-count{font-size:12px;color:var(--muted);white-space:nowrap}.uniform-grid .project-marker{opacity:1;bottom:14px;left:14px;font-size:12px;padding:9px 12px;background:#020409cc;backdrop-filter:blur(12px);transform:none}.uniform-grid .category-project:focus-visible .category-media{outline:2px solid var(--cyan);outline-offset:4px}.gateway-graphic{min-height:330px;position:relative;display:grid;place-items:center;background:radial-gradient(ellipse at 65% 65%,#086bff24,transparent 65%),#040b17;isolation:isolate}.gateway-graphic>span{font-family:'Barlow Condensed',Impact,sans-serif;font-size:240px;line-height:1;color:transparent;-webkit-text-stroke:1px #31d7ff60}.gateway-graphic i{position:absolute;inset:12%;border:1px solid #168aff40;transform:rotate(-12deg);transition:transform .8s var(--ease)}.work-gateway:hover .gateway-graphic i{transform:rotate(12deg)}.primary{transition:background .3s,color .3s,box-shadow .3s}.primary:hover{box-shadow:0 8px 40px #168aff30}.project-info:after{transform-origin:left}.category-breadcrumb{flex-wrap:wrap}.email{overflow-wrap:anywhere}.model-stage{position:relative;width:100%;height:100%;min-height:260px;touch-action:none}.model-stage canvas{width:100%;height:100%;display:block}.model-status{position:absolute;inset:0;display:grid;place-content:center;text-align:center;padding:25px;color:var(--muted);pointer-events:none}.model-toolbar{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);display:flex;gap:8px;z-index:3;white-space:nowrap}.model-toolbar button{background:#06152dee;border:1px solid #ffffff30;padding:10px 13px;font-size:13px;min-height:44px}.model-help{position:absolute;top:10px;left:15px;color:var(--muted);font-size:12px;pointer-events:none}#viewer{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;box-sizing:border-box}#viewer-media{min-height:0;flex:1;overflow:hidden}#viewer-media img,#viewer-media video{max-width:100%;max-height:100%;object-fit:contain}.viewer-bottom{flex-wrap:wrap;gap:12px}.viewer-bottom h2{overflow-wrap:anywhere}.viewer-close,#prev-project,#next-project{min-width:44px;min-height:44px}.hero-light{animation:ambient-light 14s ease-in-out infinite alternate}@keyframes ambient-light{to{transform:translate(-4%,3%) scale(1.08);opacity:.7}}
@media(min-width:701px) and (max-width:1150px){header{height:80px}.brand>span{font-size:10px}header nav{gap:12px}header nav a{font-size:12px}header .client-login{padding:7px;font-size:11px}.mega-menu{top:79px}.uniform-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-intro{max-width:340px}}
@media(max-width:900px){header .brand>span{display:none}header nav{gap:10px}.uniform-collection .collection-heading{align-items:start}.uniform-collection .collection-note{max-width:280px}.collection-page .category-hero-type{max-width:90%}.category-hero h1{overflow-wrap:normal}}
@media(max-width:700px){header .brand>span{display:block}header{height:75px}header nav a{font-size:21px}.collection-page .category-hero{min-height:570px;padding:108px 6% 72px}.collection-page .category-hero-type{margin-top:45px;max-width:100%}.collection-page .category-hero h1{font-size:clamp(58px,15vw,95px);line-height:.98}.type-scene{width:70%;opacity:.6;top:10%;height:90%}.type-scene-word{font-size:180px}.scene-count{display:none}.uniform-collection{padding:45px 6%}.uniform-collection .collection-heading{display:block;margin-bottom:30px}.uniform-collection .collection-note{max-width:none;margin-top:20px}.uniform-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:30px}.uniform-grid .category-media{aspect-ratio:4/5;max-height:75svh}.uniform-grid .project-info{min-height:80px}.uniform-grid .project-title{font-size:24px}.uniform-grid .project-category{font-size:14px}.gateway-graphic{min-height:240px}.gateway-graphic>span{font-size:190px}.contact-row{min-width:0}.contact-row>div{min-width:0;width:100%}.footer-top,.footer-bottom{flex-wrap:wrap;gap:16px}.footer-title{font-size:clamp(46px,12vw,90px)}#viewer{padding:15px;display:none}#viewer[open]{display:flex}.viewer-top{padding-bottom:10px}.viewer-bottom{padding-top:14px}.viewer-bottom h2{font-size:24px}.viewer-bottom p{font-size:13px}.viewer-bottom>div:last-child{margin-left:auto}.model-toolbar button{font-size:12px;padding:9px}.model-help{font-size:11px;left:6px}.connect-links strong{font-size:21px}.selected-names{grid-template-columns:1fr 1fr}.section-top{flex-wrap:wrap;gap:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-light{animation:none}*,*:before,*:after{transition-duration:.01ms!important}.type-scene-word{transform:none}}
#viewer[open]{display:flex;flex-direction:column;overflow:hidden}.viewer-top,.viewer-bottom{flex-shrink:0}#viewer-media{height:auto}.model-stage{min-height:0}.gateway-image.gateway-graphic{display:grid}header nav .work-nav-trigger>button{min-width:36px;min-height:36px}@media(max-width:700px){.hero-intro p{font-size:15px}.hero-intro{width:86%;max-width:420px}.micro{font-size:12px}.category-breadcrumb{font-size:12px}.category-hero-bottom{font-size:10px}.category-hero-type>p{font-size:16px}nav.open{z-index:30}.menu{z-index:31}.viewer-top{height:44px}.viewer-bottom h2{font-size:20px}.viewer-bottom p{font-size:12px}}
/* Dedicated display compositions. */
.category-hero.has-display{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.85fr);column-gap:5%;align-items:center;min-height:760px;padding-bottom:85px}.has-display .category-breadcrumb{grid-column:1/-1;align-self:start;margin-bottom:28px}.has-display .category-hero-type{grid-column:1;max-width:100%;margin-top:0;min-width:0}.has-display h1{font-size:clamp(60px,6.7vw,108px);line-height:.98}.has-display .display-visual{position:relative;grid-column:2;grid-row:2;width:100%;height:510px;top:auto;right:auto;mask-image:none;opacity:1;overflow:hidden;background:#020409;isolation:isolate;border-bottom:1px solid #31d7ff40}.display-visual:after{display:none}.display-visual img,.display-visual video{width:100%;height:100%;object-fit:contain;opacity:1;transform:none!important}.display-model-open{display:block;background:transparent;width:100%;height:100%;padding:0;position:relative}.display-model-open span,.display-play{position:absolute;bottom:16px;right:16px;background:#030914e6;border:1px solid #ffffff40;color:#f5f6fa;padding:12px 16px;font-size:12px;letter-spacing:1px;z-index:2;min-height:44px}.display-model-open:hover span,.display-play:hover{border-color:var(--cyan);color:var(--cyan)}.social-grid .category-media{aspect-ratio:1}.display-visual:has(.display-model-open){background:#060c16}.display-visual:has(.display-model-open):hover img{scale:1.025;transition:scale .7s var(--ease)}
@media(max-width:1050px){.category-hero.has-display{column-gap:3%;min-height:700px}.has-display h1{font-size:clamp(54px,7.5vw,90px)}.has-display .display-visual{height:420px}}
@media(max-width:700px){.category-hero.has-display{display:flex;flex-direction:column;align-items:stretch;gap:25px;padding:105px 6% 75px;min-height:0}.has-display .category-breadcrumb{margin-bottom:0}.has-display .category-hero-type{margin-top:12px;max-width:100%}.has-display h1{font-size:clamp(56px,14vw,85px)}.has-display .display-visual{height:410px;width:100%;flex-shrink:0}.has-display .category-hero-type>p{max-width:100%}.has-display .category-hero-bottom{bottom:20px}.social-grid .category-media{max-height:none}.display-visual img{object-fit:contain}}
@media(max-width:400px){.has-display .display-visual{height:350px}}