.nav-end{display:flex;align-items:center;gap:25px}.motion-toggle{border:1px solid #ffffff30;background:transparent;color:var(--sky);width:33px;height:33px;border-radius:50%;font:16px Arial}.reveal{transition:opacity .8s ease,transform .9s cubic-bezier(.2,.65,.25,1)}.js-motion .reveal:not(.visible){opacity:0;transform:translateY(35px)}.project-stack{padding-bottom:40px}.project-card{position:sticky;top:calc(24px + var(--card-order)*14px);display:grid;grid-template-columns:.8fr 1.2fr;min-height:540px;margin-bottom:35px;border:1px solid #15212c15;box-shadow:0 -10px 40px #0a172408;overflow:hidden;transform-origin:50% 0;will-change:transform}.project-copy{padding:42px 38px;display:flex;flex-direction:column;align-items:flex-start;position:relative;z-index:2}.project-copy h3{font-size:clamp(38px,3.8vw,57px);line-height:1.5;letter-spacing:-1.5px;margin:35px 0 15px}.project-client{font-size:18px;font-weight:600;margin:0 0 10px}.project-copy>p:not(.project-client){font-size:16px;line-height:2;opacity:.75;margin:0 0 20px;max-width:350px}.text-button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;border:0;border-bottom:1px solid currentColor;background:none;color:inherit;font-size:14px;padding:8px 0;line-height:2}.text-button span{font-size:23px}.tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:auto;padding-top:30px}.tags span{font-size:12px;border:1px solid #16233125;padding:3px 10px;border-radius:20px}.project-art{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;min-width:0}.art-label{position:absolute;top:25px;left:25px;font-size:10px;opacity:.65}.art-number{position:absolute;bottom:-30px;left:25px;font:800 160px/1.2 'Manrope',sans-serif;opacity:.06;pointer-events:none}.occ{background:#e7e4dc;color:#573d34}.occ-art{background:#d8d5cb}.occ-book{width:68%;height:auto;transform:rotate(-7deg) translate(15px,-35px);box-shadow:5px 30px 35px #291b1b27;z-index:1}.occ-booth{width:47%;height:auto;position:absolute;left:20px;bottom:60px;transform:rotate(6deg);box-shadow:0 15px 40px #1b1b1b15;z-index:2}.sarmad{background:#38131e;color:#f9e9e8}.sarmad-art{background:#500b20}.sarmad-art:before{content:'';width:470px;height:470px;position:absolute;border:1px solid #df6c8940;border-radius:50%}.sarmad-art img{width:70%;height:auto;box-shadow:0 25px 45px #0003;transform:rotate(4deg);z-index:1}.sarmad .tags span{border-color:#ffffff35}.film-perfs{position:absolute;inset:65px 0 auto;height:14px;background:repeating-linear-gradient(90deg,transparent 0 15px,#f2d2d030 15px 34px,transparent 34px 51px);transform:rotate(4deg)}.reading{background:#e7dcec;color:#503a53}.reading-art{background:#bcabbf}.reading-art img{width:65%;height:auto;transform:rotate(-5deg);position:relative;z-index:1;box-shadow:0 25px 35px #503a5330}.reading-word{position:absolute;top:15px;right:30px;color:#fff7;font-size:140px;font-weight:700;line-height:1.5}.reading-art:after{content:'';position:absolute;border:1px solid #fff7;border-radius:50%;width:380px;height:380px;bottom:-180px;right:-90px}.more-work{padding-top:15px}.more-work>p{font-size:22px;margin:0 0 24px}.mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.mini-work{border:0;background:none;color:var(--ink);padding:0;text-align:right;min-width:0}.mini-work img{aspect-ratio:1.3;height:auto;object-fit:contain;background:#e4e7df;padding:25px;transition:transform .4s}.mini-work span{display:flex;justify-content:space-between;font-size:14px;padding:14px 0}.mini-work:hover img{transform:translateY(-5px)}.archive-link{display:flex;justify-content:space-between;gap:20px;padding:23px 0;border-block:1px solid #14253533;margin-top:30px;font-size:15px}.archive-link>span{font:12px 'Manrope',sans-serif;color:#606b74;align-self:center}.about-top,.contact-pre{display:flex;justify-content:space-between;align-items:center;gap:20px}.about-top .mono,.contact-pre>.mono{color:var(--muted)}.about-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:7%;margin-top:30px}.about-grid h2{font-size:clamp(35px,4.2vw,63px);line-height:1.75;margin:0;letter-spacing:-2px;position:sticky;top:120px}.scroll-words span{color:var(--paper);transition:color .3s}.js-motion .scroll-words span{color:#72808b}.js-motion .scroll-words span.lit{color:var(--paper)}.about-body{color:#bdc7cf;font-size:16px}.about-body>p{margin:0 0 20px}.about-body strong{font-weight:500;color:var(--sky)}.about-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:22px 0 32px;border-top:1px solid var(--line);margin-top:30px}.about-facts span{font-size:12px;display:flex;flex-direction:column;gap:6px}.about-facts b{font:500 30px 'Manrope',var(--font);color:var(--sky)}.about-body .text-button{color:var(--paper)}.about-body .text-button span{font-size:12px}.services{margin-top:75px;border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer}summary::-webkit-details-marker{display:none}.services summary{display:flex;gap:35px;align-items:center;padding:24px 0;font-size:25px}.service-no{color:var(--muted);font-size:12px}.expand{margin-right:auto;color:var(--sky);font-size:30px;transition:transform .3s}.services details[open] .expand{transform:rotate(45deg)}.services details>div{display:flex;gap:10%;justify-content:space-between;padding:0 58px 30px;color:var(--muted)}.services p{max-width:580px;margin:0;font-size:16px}.services details>div>span{max-width:300px;font-size:13px;color:var(--sky);align-self:end}.live{display:grid;grid-template-columns:1fr 1fr;gap:9%;background:#122534}.live-intro{align-self:start;position:sticky;top:70px}.live-intro h2{font-size:clamp(34px,4.1vw,62px);line-height:1.6}.live-intro h2 em{font-style:normal;color:var(--sky)}.live-intro>p{color:var(--muted);font-size:16px;max-width:410px}.live-cases article{padding:38px 0;border-top:1px solid var(--line)}.live-cases article:first-child{padding-top:0;border:0}.live-cases h3{font-size:24px}.live-cases p{color:#b7c5d0;font-size:16px;margin:12px 0}.live-cases .mono{color:var(--sky);font-size:11px}.live-cases .tags{padding-top:8px}.live-cases .tags span{border-color:var(--line);font-size:12px}.gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;align-items:start}.photo{border:0;padding:0;background:none;position:relative;color:white;overflow:hidden;isolation:isolate;min-width:0}.photo img{aspect-ratio:1;height:auto;transition:transform .7s cubic-bezier(.2,.65,.25,1)}.photo-wide{grid-column:span 2}.photo-wide img{aspect-ratio:2.04}.photo span{position:absolute;inset:auto 0 0;padding:40px 17px 15px;background:linear-gradient(transparent,#0009);display:flex;justify-content:space-between;gap:15px;font-size:13px;z-index:1}.photo b{font-size:20px;font-weight:400}.photo:hover img{transform:scale(1.06)}.gallery-grid .photo:nth-child(2){margin-top:45px}.gallery-grid .photo:nth-child(5){margin-top:35px}.coverage{padding-top:40px}.coverage p{font-size:16px;color:#66727c;line-height:2.3}.coverage p span{padding:0 15px;color:#99a2a4}.journey .section-heading>p{color:var(--muted)}.journey-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:9%}.timeline{border-top:1px solid var(--line)}.timeline-row{display:grid;grid-template-columns:140px 1fr;gap:25px;padding:32px 0;border-bottom:1px solid var(--line)}.timeline-row>.mono{font-size:10px;color:var(--muted);padding-top:14px;letter-spacing:1px}.timeline-row h3{margin:0;font-size:25px}.timeline-row p{font-size:16px;color:var(--muted);margin:10px 0}.timeline-row .role{color:#d5dfe5;font-size:14px}.current h3{color:var(--sky)}.timeline-row details{border:0;margin-top:20px;color:var(--muted);font-size:14px}.timeline-row summary{display:flex;justify-content:space-between;color:var(--sky);font-size:14px}.timeline-row ul{padding-right:20px;line-height:2.2}.education{background:var(--sky);color:var(--ink);padding:32px}.education .mono{font-size:11px}.education h3{font-size:36px;line-height:1.6;margin:15px 0}.education p{font-size:16px}.education>span:last-child{font-size:14px;color:#385264}.education b{font:12px 'Manrope',sans-serif;display:block;margin-top:15px}.learning details{padding:23px 0}.learning summary{display:flex;justify-content:space-between;font-size:15px}.learning summary>span{color:var(--sky)}.learning details p{color:var(--muted);font-size:14px}.cert-list{list-style:none;padding:15px 0 0;font-size:14px;color:var(--muted);line-height:1.9}.cert-list li{margin:12px 0}.cert-list b{color:var(--sky);padding-left:10px}.tool-list{display:flex;flex-wrap:wrap;gap:8px;font:12px 'Manrope',sans-serif;color:var(--muted);padding-top:10px}.tool-list span{padding:7px 10px;border:1px solid var(--line)}.workshop{margin:30px 0 0}.workshop img{aspect-ratio:1.8;height:auto}.workshop figcaption{font-size:16px;margin-top:15px;color:var(--sky)}.workshop figcaption span{display:block;font-size:12px;color:var(--muted);margin-top:3px}.awards-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:8%;align-items:start}.award-image{margin:0;position:sticky;top:50px}.award-image img{aspect-ratio:1.5;height:auto;object-position:center}.award-image figcaption{display:flex;justify-content:space-between;padding-top:18px;font-size:13px;color:#596975}.awards>article,.awards details article{display:grid;grid-template-columns:50px 1fr 30px;gap:24px;padding:23px 0;border-top:1px solid #14253530}.awards article .mono{font-size:12px;padding-top:12px;color:#63717b}.awards h3{font-size:20px;margin:0 0 6px}.awards p{font-size:14px;color:#63717b;margin:0}.award-star{font-size:30px;color:#809daa}.awards details{border:0}.awards summary{display:flex;justify-content:space-between;padding:18px 0;border-top:1px solid #14253530;color:#50626f;font-size:14px}.contact{padding-top:75px;padding-bottom:75px;overflow:hidden}.contact h2{font-size:clamp(55px,7.5vw,110px);line-height:1.45;letter-spacing:-3px;margin:45px 0}.contact h2>span:first-of-type{color:var(--sky)}.contact-star{display:inline-block;font-size:100px;margin-right:55px;color:var(--sky)}.contact-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:10%;align-items:start}.contact-grid p{font-size:17px;color:var(--muted);margin:0 0 20px}.email-link{display:inline-block;font:clamp(17px,2.1vw,32px) 'Manrope',sans-serif;padding:12px 0;border-bottom:1px solid var(--line);letter-spacing:-.8px}.socials{display:flex;gap:20px;flex-wrap:wrap;margin-top:25px}.socials a,.socials button{font-size:13px;color:var(--muted);padding:0;border:0;background:none}.socials a[lang=en],.socials a[dir=ltr]{font-family:'Manrope',sans-serif}.socials a:hover,.socials button:hover{color:var(--sky)}.contact-grid .copy-status{font-size:13px;margin-top:12px;min-height:24px;color:var(--sky)}#contact-form{display:flex;flex-direction:column;gap:10px}#contact-form label{font-size:14px;color:var(--muted)}#contact-form select,#contact-form textarea{background:#132331;border:1px solid #c3def12b;color:var(--paper);padding:12px 15px;border-radius:0;font-size:16px;width:100%}#contact-form select{margin-bottom:12px}#contact-form textarea{resize:vertical;min-height:110px}#contact-form textarea::placeholder{color:#8d9ca8}#contact-form .button{justify-content:space-between;margin-top:5px}.contact-grid .form-note{font-size:12px;margin:0}#email-draft{border:1px solid var(--line);padding:15px;margin-top:10px}#email-draft p{font-size:14px}#email-draft .text-button{font-size:14px;color:var(--sky)}.footer{border-top:1px solid var(--line);padding:30px 4.5%;display:flex;justify-content:space-between;align-items:center;gap:30px;text-align:initial}.footer>span{font-size:12px;color:var(--muted)}.footer>a:last-child{font:13px var(--font)}dialog{border:0;background:var(--paper);color:var(--ink);width:min(950px,92vw);max-height:90vh;padding:55px 45px;overscroll-behavior:contain}dialog::backdrop{background:#030c17bb;backdrop-filter:blur(12px)}.dialog-close{position:absolute;top:16px;left:20px;font:30px Arial;width:40px;height:40px;border:1px solid #14253533;border-radius:50%;background:var(--paper);color:var(--ink);z-index:3;display:grid;place-items:center}.dialog-kicker{font-size:12px;color:#6b747a}.dialog-intro{font-size:18px;color:#556570;max-width:650px}.dialog-meta{display:flex;gap:30px;border-block:1px solid #14253533;padding:20px 0;margin:25px 0;font-size:14px}.dialog-meta span{display:block;color:#6d7981;font-size:12px}.dialog-pictures{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:30px}.dialog-pictures img{height:auto;aspect-ratio:1.4;object-fit:contain;background:white}.dialog-section{display:grid;grid-template-columns:150px 1fr;gap:25px;margin:20px 0}.dialog-section h3{font-size:18px}.dialog-section p{font-size:16px;color:#5d6c76}.dialog-end{margin-top:30px;font-size:13px;color:#6e7b84}#image-dialog{padding:55px 20px 10px;width:min(1000px,93vw);background:var(--ink);color:var(--paper)}#image-dialog img{max-height:70vh;object-fit:contain;height:auto;width:100%}#image-dialog p{font-size:14px;text-align:center;color:var(--muted)}#image-dialog .dialog-close{background:var(--ink);color:var(--paper);border-color:var(--line);top:8px}.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}.motion-paused .reveal{opacity:1!important;transform:none!important}.motion-paused .scroll-words span{color:var(--paper)!important}.motion-paused .project-card{position:relative;top:0;transform:none!important}.motion-paused .hero-image>img{transform:none!important}
@media(min-width:1600px){.hero,.section{padding-right:max(4.5%,calc((100vw - 1450px)/2));padding-left:max(4.5%,calc((100vw - 1450px)/2))}.hero-image{min-height:550px}}
@media(max-width:1100px){.project-card{min-height:500px;grid-template-columns:.9fr 1fr}.project-copy{padding:30px}.project-copy h3{font-size:39px;margin-top:25px}.about-grid{gap:5%;grid-template-columns:1fr 1fr}.about-grid h2{font-size:43px}.timeline-row{grid-template-columns:100px 1fr;gap:18px}.journey-grid{gap:5%;grid-template-columns:1.2fr 1fr}.contact-star{margin-right:20px;font-size:80px}.gallery-grid{gap:12px}}
@media(max-width:760px){.nav-end{gap:17px}.motion-toggle{width:29px;height:29px;font-size:13px}.hero .intro{font-size:16px}.hero-image{height:370px}.about-top>.mono,.contact-pre>.mono{display:none}.section-heading p{font-size:16px}.project-card{position:relative;top:0;grid-template-columns:1fr;margin-bottom:25px;min-height:0;will-change:auto}.project-copy{padding:27px}.project-copy h3{font-size:38px;margin:18px 0 10px;line-height:1.45}.project-copy h3 br{display:none}.project-client{font-size:16px}.project-copy>p:not(.project-client){max-width:100%}.project-copy .mono{font-size:10px}.tags{padding-top:22px}.project-art{min-height:320px}.occ-book{width:56%;max-width:370px;transform:rotate(-7deg) translate(25px,-12px)}.occ-booth{width:39%;max-width:245px;left:25px;bottom:25px}.sarmad-art img{width:61%;max-width:380px}.reading-art img{width:57%;max-width:340px}.reading-word{font-size:100px;top:-10px}.art-number{font-size:120px}.art-label{top:16px;left:16px;font-size:10px}.project-stack{padding-bottom:5px}.more-work>p{font-size:18px}.mini-grid{grid-template-columns:1fr;gap:15px}.mini-work{display:grid;grid-template-columns:155px 1fr;gap:20px;align-items:center;border-bottom:1px solid #14253525;padding-bottom:15px}.mini-work img{padding:12px;aspect-ratio:1.3}.mini-work span{font-size:14px;gap:12px}.archive-link{font-size:14px}.archive-link>span{font-size:10px;white-space:nowrap}.about-grid{grid-template-columns:1fr;gap:25px}.about-grid h2{font-size:clamp(32px,7.7vw,52px);line-height:1.7;letter-spacing:-1px;position:static}.about-facts{gap:12px}.about-facts b{font-size:28px}.about-facts span{font-size:11px}.services{margin-top:50px}.services summary{font-size:18px;gap:20px;padding:21px 0;line-height:1.7}.service-no{font-size:10px}.expand{font-size:24px}.services details>div{display:block;padding:0 0 25px}.services details>div>span{display:block;margin-top:18px;font-size:12px}.live{grid-template-columns:1fr;gap:45px}.live-intro{position:static}.live-intro h2{font-size:42px}.live-cases article{padding:26px 0}.live-cases h3{font-size:23px}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.photo-wide{grid-column:span 2}.photo-wide img{aspect-ratio:1.6}.gallery-grid .photo:nth-child(2),.gallery-grid .photo:nth-child(5){margin-top:0}.photo span{font-size:12px;padding:35px 12px 12px}.coverage p{font-size:14px}.coverage p span{padding:0 7px}.journey-grid{grid-template-columns:1fr;gap:45px}.timeline-row{grid-template-columns:1fr;gap:10px;padding:26px 0}.timeline-row>.mono{padding:0;font-size:10px}.timeline-row h3{font-size:23px}.learning .education{padding:27px}.awards-grid{grid-template-columns:1fr;gap:30px}.award-image{position:static}.award-image img{aspect-ratio:1.65}.awards>article,.awards details article{gap:16px;grid-template-columns:40px 1fr 20px}.awards h3{font-size:18px}.award-star{font-size:24px}.contact{padding-top:55px;padding-bottom:50px}.contact h2{font-size:clamp(45px,10.8vw,74px);letter-spacing:-2px;line-height:1.5;margin:25px 0 35px}.contact-star{font-size:50px;margin-right:15px}.contact-grid{grid-template-columns:1fr;gap:25px}.email-link{font-size:clamp(17px,4.7vw,26px)}.contact-grid p{font-size:16px}.socials{gap:18px;margin-top:20px}.footer{flex-wrap:wrap;gap:25px;padding-block:25px}.footer .wordmark{order:0;font-size:24px}.footer>a:last-child{margin-right:auto;order:1;font-size:13px}.footer>span{width:100%;order:2;font-size:12px}dialog{padding:60px 24px 25px}.dialog-section{grid-template-columns:1fr;gap:0}.dialog-section h3{margin-bottom:0}.dialog-intro{font-size:16px}.dialog-pictures{gap:10px}.dialog-meta{gap:22px}.dialog-close{top:12px;left:15px}}
@media(max-width:380px){.wordmark{font-size:19px}.contact-nav{font-size:12px}.nav-end{gap:10px}.hero-copy h1{font-size:50px}.asterisk{font-size:39px;margin-right:14px}.mini-work{grid-template-columns:125px 1fr}.contact-star{font-size:40px;margin-right:10px}.contact h2{font-size:43px}.about-facts b{font-size:25px}.gallery-grid{gap:8px}}
@media(prefers-reduced-motion:reduce){.js-motion .reveal{opacity:1!important;transform:none!important}.js-motion .scroll-words span{color:var(--paper)}.project-card{position:relative;top:0;transform:none!important}.hero-image>img,.asterisk,.contact-star{transform:none!important}}

body{overflow-x:clip}.hero-image>img{will-change:transform}@media(prefers-reduced-motion:reduce){.hero-image>img{will-change:auto}}