@font-face{font-family:'DM Sans';src:url('../fonts/dm-sans-variable.ttf') format('truetype');font-weight:100 1000;font-display:swap}@font-face{font-family:'Manrope';src:url('../fonts/manrope-variable.ttf') format('truetype');font-weight:200 800;font-display:swap}
:root{--ink:#111311;--cream:#eeece4;--orange:#ff4a00;--muted:#a7aaa0;font-family:'DM Sans',Arial,sans-serif;color:var(--cream);background:var(--ink);font-synthesis:none;--pad:5vw}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;overflow-x:hidden}a{color:inherit;text-decoration:none}img,video{display:block;width:100%}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}::selection{background:#ff4a00;color:white}:focus-visible{outline:2px solid #ff7d43;outline-offset:6px}.skip{position:fixed;left:20px;top:-80px;z-index:100;background:white;color:black;padding:12px}.skip:focus-visible{top:10px}.label{font-size:.69rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.section-head{display:flex;justify-content:space-between;gap:30px;width:100%}.section-head .label:last-child{opacity:.5}
.header{height:94px;position:fixed;inset:0 0 auto;display:flex;align-items:center;gap:6vw;padding:0 3.3vw;z-index:50;background:#111311;transition:height .3s;border-bottom:1px solid #ffffff12}.header.scrolled{height:76px}.logo{width:145px;flex:none}.header-note{font-size:.7rem;line-height:1.4;color:#a7aaa0}.header nav{margin-left:auto;display:flex;align-items:center;gap:40px;font-size:.85rem}.header nav a{position:relative;padding:10px 0}.header nav a:not(.nav-contact):after{position:absolute;content:'';bottom:2px;height:1px;width:0;left:0;background:currentColor;transition:width .25s}.header nav a:hover:after,.header nav a[aria-current]:after{width:100%}.header sup{font-size:.55rem;vertical-align:super;margin-left:5px;opacity:.55}.header .nav-contact{border:1px solid #686b61;border-radius:100px;padding:11px 18px;display:flex;gap:23px;align-items:center;transition:background .2s,color .2s}.header .nav-contact:hover{background:var(--cream);color:var(--ink)}
.intro{padding:108px 16px 16px;min-height:100svh}.intro-screen{position:relative;min-height:620px;height:calc(100svh - 124px);overflow:hidden;background:#ff4a00;transform:scale(var(--hero-scale,1));border-radius:var(--hero-radius,4px);transform-origin:center 90%;will-change:transform}.intro-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.intro-shade{position:absolute;inset:0;background:linear-gradient(180deg,#0002,transparent 42%,#160d07a8)}.intro-top{position:absolute;top:30px;left:calc(var(--pad) - 16px);right:calc(var(--pad) - 16px);display:flex;align-items:center;justify-content:space-between}.video-controls{display:flex;gap:8px}.video-controls button{height:36px;width:36px;background:#0001;backdrop-filter:blur(6px);border:1px solid #ffffff6b;border-radius:50%;color:white;font-size:1rem;display:grid;place-items:center;transition:background .2s}.video-controls button:hover{background:#111}.video-controls svg{width:17px;height:17px;stroke:currentColor;stroke-width:1.5;fill:none}.intro h1{position:absolute;left:calc(var(--pad) - 16px);bottom:97px;margin:0;font-family:'Manrope',Arial,sans-serif;font-size:clamp(5.4rem,10.7vw,12.5rem);letter-spacing:-.075em;line-height:.86;font-weight:600;width:90%}.intro h1>span:first-child{display:block}.intro h1 em{font:italic 1.38em/.84 Georgia,serif;letter-spacing:-.07em;display:inline-block;margin-left:22vw}.hero-symbol{position:absolute;left:0;bottom:0;font-size:.75em;color:#fffc;line-height:.8;font-weight:400;animation:star-spin 30s linear infinite}.intro-bottom{position:absolute;left:calc(var(--pad) - 16px);right:calc(var(--pad) - 16px);bottom:25px;display:flex;justify-content:space-between;align-items:end;gap:25px}.intro-bottom p{font-size:.8rem;line-height:1.5;margin:0}.scroll-link{display:flex;align-items:center;gap:20px;font-size:.65rem;letter-spacing:.1em;text-transform:uppercase}.circle-arrow{width:42px;height:42px;border:1px solid #fff7;border-radius:50%;display:grid;place-items:center;font-size:1.3rem;transition:transform .25s}.scroll-link:hover .circle-arrow{transform:translateY(5px)}@keyframes star-spin{to{transform:rotate(360deg)}}
.vision{position:relative;min-height:100svh}.vision-sticky{min-height:740px;height:100svh;padding:135px var(--pad) 60px;display:flex;flex-direction:column;justify-content:space-between}.motion-on .vision{height:165svh}.motion-on .vision-sticky{position:sticky;top:0}.vision-layout{display:grid;grid-template-columns:1fr 3fr;gap:40px;align-items:start;margin:40px 0}.vision-aside{font-size:.9rem;line-height:1.5;color:#9b9e94;margin-top:16px}.vision h2{font-family:'Manrope',Arial,sans-serif;font-size:clamp(3rem,6.4vw,8rem);font-weight:500;letter-spacing:-.065em;line-height:1.15;margin:0}.vision-line{display:block;white-space:nowrap}.vision-line.accent{color:var(--orange);font:italic 1.08em/1.15 Georgia,serif;letter-spacing:-.06em}.motion-on .vision-line{--read:0%;background:linear-gradient(90deg,var(--cream) var(--read),#3a3e36 var(--read));-webkit-background-clip:text;background-clip:text;color:transparent}.motion-on .vision-line.accent{background-image:linear-gradient(90deg,var(--orange) var(--read),#3a3e36 var(--read))}.vision-end{display:flex;justify-content:space-between;align-items:center;padding-left:5vw}.orbit-symbol{font-size:8rem;font-weight:400;color:var(--orange);line-height:1;transform:rotate(var(--turn,0deg))}.vision-end p{font-size:1rem;line-height:1.6;color:#a7aaa0;margin:0;max-width:450px}
.work-heading{background:var(--cream);color:var(--ink);padding:65px var(--pad) 35px;min-height:83svh;display:flex;flex-direction:column;justify-content:space-between;position:relative}.work-heading h2{font:500 clamp(4rem,8.9vw,11rem)/1 'Manrope',Arial,sans-serif;letter-spacing:-.065em;margin:70px 0;position:relative}.work-heading h2 em{font-family:Georgia,serif;font-style:italic;color:var(--orange);font-weight:400;letter-spacing:-.07em}.work-heading h2>span{position:absolute;right:0;bottom:0;font-weight:400;font-size:1.2em}.work-heading-bottom{display:flex;justify-content:space-between;align-items:center;gap:25px;border-top:1px solid #b7baae;padding-top:20px}.work-heading-bottom p{font-size:.85rem;margin:0}
.showcase{position:relative}.showcase-stage{position:relative}.project-frame{position:relative;height:100svh;min-height:800px;isolation:isolate;overflow:hidden;padding:100px var(--pad) 100px}.frame-top{position:absolute;top:115px;left:var(--pad);right:var(--pad);display:flex;justify-content:space-between;gap:20px;z-index:3}.frame-top .label:last-child{opacity:.65}.frame-asharq{background:#203a32;color:#f0eadb}.frame-vice{background:#e8e5db;color:#171917}.frame-gig{background:#3e40eb;color:#edffa0}.frame-health{background:#c0e7d5;color:#164936}.frame-bottom{position:absolute;left:var(--pad);right:var(--pad);bottom:102px;display:flex;align-items:end;justify-content:space-between;gap:35px;z-index:4;pointer-events:none}.frame-bottom a{pointer-events:auto}.frame-bottom h3{font:500 clamp(2.3rem,4.6vw,5.5rem)/1.15 'Manrope',Arial,sans-serif;letter-spacing:-.055em;margin:14px 0 0}.frame-bottom h3 em{font-family:Georgia,serif;font-style:italic;font-weight:400;letter-spacing:-.055em}.frame-detail{min-width:225px}.frame-detail p{font-size:.85rem;line-height:1.5;opacity:.65;margin:0 0 16px}.text-link{font-size:.72rem;letter-spacing:.02em;display:inline-flex;gap:35px;align-items:center;padding-bottom:9px;border-bottom:1px solid currentColor}.text-link span{font-size:1.1rem;transition:transform .2s}.text-link:hover span{transform:translate(4px,-4px)}
.project-art{position:absolute;left:5%;right:5%;top:21%;height:47%;z-index:2;display:block;perspective:1000px}.art-card{position:absolute;padding:6px;background:#f1efe8;color:#161b16;box-shadow:0 25px 70px #0004;transition:box-shadow .3s;will-change:transform}.art-card>span{display:block;padding:8px 4px 3px;font-size:.6rem;letter-spacing:.04em}.crop{position:relative;overflow:hidden;width:100%;background:#111}.crop img{position:absolute;max-width:none;height:auto}.crop-nations{aspect-ratio:530/296}.crop-nations img{width:264.151%;left:-33.396%;top:-178.041%}.crop-social{aspect-ratio:238/404}.crop-social img{width:588.235%;left:-330.672%;top:-64.851%}.crop-tech{aspect-ratio:392/220}.crop-tech img{width:357.143%;left:-228.061%;top:-17.727%}.card-main{width:44%;left:27%;top:12%;transform:translateY(calc(var(--drift,0)*-30px)) rotate(calc(-4deg + var(--drift,0)*3deg));z-index:2}.card-left{width:18%;left:10%;top:0;transform:translateY(calc(var(--drift,0)*30px)) rotate(calc(-13deg - var(--drift,0)*5deg));z-index:1}.card-right{width:28%;left:68%;top:28%;transform:translateY(calc(var(--drift,0)*-45px)) rotate(calc(12deg + var(--drift,0)*5deg));z-index:3}.asharq-word{font:700 31vw/.9 Arial,sans-serif;position:absolute;top:9%;left:15%;color:transparent;-webkit-text-stroke:1px #f0eadb35;z-index:0;white-space:nowrap;transform:translateX(calc(var(--drift,0)*-30px))}.art-hover{position:absolute;top:45%;left:45%;background:#ff4a00;color:white;width:100px;height:100px;border-radius:50%;display:grid;place-items:center;font-size:.7rem;letter-spacing:.04em;opacity:0;transform:scale(.6);transition:opacity .2s,transform .2s;z-index:10;pointer-events:none}.project-art:hover .art-hover,.project-art:focus-visible .art-hover{opacity:1;transform:scale(1)}
.vice-ghost,.gig-ghost{position:absolute;inset:7% 0 auto;text-align:center;font:800 39vw/.9 'Manrope',Arial,sans-serif;letter-spacing:-.09em;color:transparent;-webkit-text-stroke:1px #1112;z-index:0;transform:translateX(calc(var(--drift,0)*25px))}.poster{position:absolute;display:flex;flex-direction:column;justify-content:space-between;padding:23px;box-shadow:0 25px 60px #0003;height:105%;will-change:transform}.poster-one{background:#ff4a00;color:#171917;left:27%;width:28%;transform:rotate(calc(-10deg + var(--drift,0)*6deg));z-index:2}.poster-two{background:#171917;color:#e9e5db;left:50%;top:5%;width:29%;transform:rotate(calc(11deg - var(--drift,0)*5deg))}.poster-label{font-size:.55rem;letter-spacing:.13em;text-transform:uppercase;line-height:1.5}.poster-one strong{font:800 clamp(2.2rem,4.5vw,5.5rem)/.9 'Manrope',Arial,sans-serif;letter-spacing:-.06em}.poster-one em{font-style:normal;color:transparent;-webkit-text-stroke:1px #171917}.poster-two strong{font:800 7vw/.85 'Manrope',Arial,sans-serif;letter-spacing:-.09em;transform:rotate(-90deg);align-self:center}.poster-two strong span{display:block;font-size:.41em;letter-spacing:.23em;font-weight:400}.gig-ghost{-webkit-text-stroke-color:#edffa02e;font-size:43vw;top:5%}.gig-sheet{position:absolute;box-shadow:0 30px 65px #13085a44;padding:24px;display:flex;flex-direction:column;justify-content:space-between;height:103%;will-change:transform}.sheet-back{left:18%;width:47%;background:#dfff84;color:#342dd7;top:-1%;transform:rotate(calc(-9deg + var(--drift,0)*5deg))}.sheet-back strong{font:800 13vw/.9 'Manrope',Arial,sans-serif;letter-spacing:-.11em}.sheet-front{left:56%;width:27%;background:#292cb1;color:#dfff84;transform:rotate(calc(9deg - var(--drift,0)*5deg));top:8%}.sheet-front strong{font:500 4.3vw/.96 'Manrope',Arial,sans-serif;letter-spacing:-.06em}.sheet-front em{font-family:Georgia,serif;font-weight:400}.gig-mark{font-size:4vw;position:absolute;right:20px;bottom:10px}.health-orbits{position:absolute;inset:0;overflow:hidden;display:grid;place-items:center}.health-orbits span{position:absolute;width:50vw;aspect-ratio:1;border:1px solid #16493625;border-radius:50%;transform:scale(calc(1 + var(--drift,0)*.04))}.health-orbits span:nth-child(2){width:75vw}.health-orbits span:nth-child(3){width:100vw}.health-sheet{position:absolute;left:29%;width:36%;height:100%;padding:27px 30px;background:#edf6e9;color:#164936;border-radius:8px;box-shadow:0 25px 80px #16493620;transform:rotate(calc(-6deg + var(--drift,0)*4deg));display:flex;flex-direction:column;justify-content:space-between}.health-sheet strong{font:500 5.8vw/.95 'Manrope',Arial,sans-serif;letter-spacing:-.055em}.health-sheet strong em{font-family:Georgia,serif;font-weight:400}.health-logo{font:700 1.8rem 'Manrope',Arial,sans-serif;letter-spacing:-.08em}.health-logo>span{font-weight:400}.health-logo i{font-style:normal;float:right;font-size:2rem;line-height:1}.health-tag{position:absolute;left:61%;top:46%;width:20%;aspect-ratio:1.6;background:#164936;color:#eaf2d2;border-radius:5px;transform:rotate(calc(8deg - var(--drift,0)*5deg));padding:23px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 15px 50px #1649362a}.health-tag>span:first-child{font:500 1.8vw/1.1 'Manrope',Arial,sans-serif;letter-spacing:-.045em}.health-tag>span:last-child{font-size:2vw}
.project-index{display:none}.is-pinned{height:560svh}.is-pinned .showcase-stage{height:100svh;min-height:650px;position:sticky;top:0;overflow:hidden}.is-pinned .project-frame{position:absolute;inset:0;min-height:0;height:100%;clip-path:inset(100% 0 0);will-change:clip-path}.is-pinned .project-frame:first-child{clip-path:inset(0)}.is-pinned .project-index{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;position:absolute;bottom:22px;left:var(--pad);right:var(--pad);z-index:8;background:#111311ed;color:#eeece4;padding:14px 20px;border-radius:3px}.project-index a{font-size:.63rem;border-top:1px solid #7776;padding-top:12px;position:relative;opacity:.5;transition:opacity .2s}.project-index a:before{content:'';position:absolute;left:0;top:-1px;width:0;height:1px;background:#ff4a00;transition:width .3s}.project-index a.active{opacity:1}.project-index a.active:before{width:100%}.project-index a span{display:inline-block;margin-right:13px;color:#a6a99f}
.outro{padding:70px var(--pad) 40px;background:#ff4a00;color:#111311;min-height:110svh;position:relative;overflow:hidden}.outro>p{font-size:1rem;margin:95px 0 24px}.outro-link{display:block;font:500 clamp(4.8rem,10.4vw,13rem)/.95 'Manrope',Arial,sans-serif;letter-spacing:-.07em;position:relative;max-width:1500px}.outro-link em{font-family:Georgia,serif;font-weight:400;font-style:italic;letter-spacing:-.065em;margin-left:16vw}.outro-arrow{position:absolute;right:3%;top:50%;width:12vw;min-width:85px;aspect-ratio:1;border:1px solid #111311;border-radius:50%;display:grid;place-items:center;font-size:6vw;letter-spacing:0;transition:transform .3s,background .3s,color .3s}.outro-link:hover .outro-arrow{transform:rotate(45deg);background:#111311;color:#ff4a00}.outro-bottom{margin-top:70px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding-top:25px;border-top:1px solid #11131150;font-size:.8rem}.footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:40px var(--pad);background:#111311;color:#9b9e94;font-size:.72rem}.footer img{width:125px}.footer a:hover{color:var(--cream)}
/* Interior routes follow the same visual direction. */
.interior{padding-top:94px}.page-intro{padding:85px var(--pad) 70px;background:var(--cream);color:var(--ink);min-height:85svh;display:flex;flex-direction:column;justify-content:space-between}.page-intro h1{font:500 clamp(5rem,10vw,13rem)/.95 'Manrope',Arial,sans-serif;letter-spacing:-.075em;margin:65px 0 40px}.page-intro h1 em{font:italic 1.04em Georgia,serif;color:var(--orange);letter-spacing:-.07em}.page-lead{font-size:clamp(1.15rem,1.75vw,1.7rem);max-width:600px;line-height:1.5;margin:15px 0 0 auto}.studio-statement{background:#203a32;color:var(--cream);padding:100px var(--pad);display:grid;grid-template-columns:1fr 3fr;gap:60px}.studio-statement h2{font:500 clamp(3rem,5.6vw,7rem)/1.06 'Manrope',Arial,sans-serif;letter-spacing:-.06em;margin:0}.studio-statement h2 em{font-family:Georgia,serif;color:#bddd9a;font-weight:400}.studio-statement p{font-size:1.1rem;line-height:1.6;color:#f0eadbaa;max-width:620px;margin:40px 0 0}.services{padding:90px var(--pad) 110px}.services h2{font:500 4vw/1.1 'Manrope',Arial,sans-serif;letter-spacing:-.05em;margin:50px 0}.service-row{padding:30px 0;border-top:1px solid #464a40;display:grid;grid-template-columns:70px 1.3fr 1fr;align-items:start;gap:30px}.service-row>span{font-size:.75rem;color:var(--orange);padding-top:12px}.service-row h3{font:500 clamp(1.8rem,3.1vw,4rem)/1.2 'Manrope',Arial,sans-serif;letter-spacing:-.04em;margin:0}.service-row p{font-size:1rem;line-height:1.5;color:#a7aaa0;max-width:390px;margin:4px 0 0}.small-cta{padding:80px var(--pad);background:var(--orange);color:var(--ink)}.small-cta p{font-size:.9rem}.small-cta>a{font:500 clamp(3rem,6vw,8rem)/1.1 'Manrope',Arial,sans-serif;letter-spacing:-.06em;display:flex;justify-content:space-between}.small-cta em{font-family:Georgia,serif;font-weight:400}
.contact-intro{background:#ff4a00}.contact-intro h1 em{color:var(--ink)}.contact-area{background:var(--cream);color:var(--ink);padding:90px var(--pad) 100px;display:grid;grid-template-columns:1fr 1.2fr;gap:10vw}.contact-area h2{font:500 clamp(2rem,3.8vw,5rem)/1.1 'Manrope',Arial,sans-serif;letter-spacing:-.06em;margin:0 0 35px}.contact-area .contact-aside{font-size:.95rem;line-height:1.5;max-width:310px;color:#5e6257}.contact-form{display:grid;gap:28px}.field{display:block;padding-bottom:16px;border-bottom:1px solid #9da293}.field>span{display:block;font-size:.67rem;letter-spacing:.12em;text-transform:uppercase;margin-bottom:16px}.field input,.field textarea{display:block;width:100%;background:transparent;border:0;outline:0;resize:vertical;font-size:1.15rem;color:#111311;border-radius:0;padding:0}.field:focus-within{border-color:#ff4a00}.field input::placeholder,.field textarea::placeholder{color:#888d80}.submit{justify-self:start;display:flex;gap:50px;align-items:center;border:1px solid #111311;border-radius:100px;background:#111311;color:var(--cream);padding:18px 25px;font-size:.85rem;transition:background .2s}.submit:hover{background:#ff4a00;border-color:#ff4a00}.form-note,.form-status{font-size:.8rem;line-height:1.5;color:#61675a;max-width:460px;margin:0}.form-status{min-height:1.5em}
.case-intro{padding:65px var(--pad) 50px;background:#203a32;color:var(--cream)}.case-intro .section-head{margin-bottom:55px}.case-intro h1{font:500 clamp(4.5rem,9vw,11rem)/1 'Manrope',Arial,sans-serif;letter-spacing:-.065em;margin:0 0 50px}.case-intro h1 em{font-family:Georgia,serif;font-weight:400;font-style:italic}.case-banner{position:relative;min-height:300px;height:50vw;max-height:650px;overflow:hidden;background:#182d26}.case-banner .crop{height:100%;aspect-ratio:auto;width:100%;max-width:1164px;margin:auto}.case-banner .crop-nations{aspect-ratio:530/296;height:auto}.case-description{padding:85px var(--pad);display:grid;grid-template-columns:1fr 2fr;gap:60px}.case-description h2{font:500 clamp(2.7rem,4.4vw,5rem)/1.1 'Manrope',Arial,sans-serif;letter-spacing:-.05em;margin:0 0 28px}.case-description p{font-size:1.15rem;line-height:1.6;color:#a7aaa0;margin:0;max-width:720px}.case-gallery{padding:0 var(--pad) 100px;display:grid;grid-template-columns:1fr 1fr;gap:45px 25px}.case-gallery figure{margin:0;overflow:hidden}.case-gallery figcaption{font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:#9ea294;margin-top:15px}.case-gallery img{width:100%;height:auto}.case-gallery .wide{grid-column:1/-1}.case-gallery .crop{aspect-ratio:530/296}.case-next{background:var(--cream);color:var(--ink);padding:75px var(--pad);display:flex;justify-content:space-between;align-items:end;gap:30px}.case-next a{font:500 clamp(2.5rem,4.6vw,6rem)/1.1 'Manrope',Arial,sans-serif;letter-spacing:-.055em;border-bottom:1px solid #111311;padding-bottom:10px}.case-vice{background:#e8e5db;color:#171917}.case-gig{background:#3e40eb;color:#edffa0}.case-health{background:#c0e7d5;color:#164936}.case-art{position:relative;height:650px;overflow:hidden}.case-art .project-art{height:65%;top:15%;pointer-events:none}.case-art.frame-vice,.case-art.frame-gig,.case-art.frame-health{min-height:0}.case-art .art-hover{display:none}
.reveal{opacity:0;transform:translateY(30px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:none}
@media(min-width:1600px){.project-art{height:49%;top:20%}.poster-one strong{font-size:4vw}.frame-bottom h3{font-size:4.1vw}.card-main{width:39%;left:30%}.card-left{width:15%;left:15%}.card-right{width:26%;left:64%}.health-sheet{width:32%;left:32%}}
@media(max-width:1100px){.header-note{display:none}.header nav{gap:30px}.intro h1{font-size:12vw}.vision-layout{grid-template-columns:1fr 3.6fr;gap:25px}.vision h2{font-size:6.3vw}.frame-bottom h3{font-size:4.5vw}.frame-detail{min-width:190px}.frame-detail p{font-size:.78rem}.project-index{gap:12px!important}.project-index a{font-size:.56rem}.project-index a span{margin-right:5px}.project-art{top:24%;height:43%}.card-left{width:18%;left:7%}.card-main{left:25%;width:48%}.card-right{left:68%;width:30%}}
@media(max-width:900px){:root{--pad:6vw}.intro{padding-top:102px}.intro-screen{min-height:600px}.intro h1{font-size:13vw}.intro h1 em{margin-left:18vw}.vision,.motion-on .vision{height:auto;min-height:0}.vision-sticky,.motion-on .vision-sticky{position:relative;min-height:680px;height:auto;padding:95px var(--pad) 75px}.vision-layout{display:block;margin:70px 0 50px}.vision-aside{margin-bottom:30px}.vision h2{font-size:8.7vw}.vision-end{padding-left:0}.orbit-symbol{font-size:5rem}.vision-end p{font-size:.9rem}.work-heading{min-height:70svh}.work-heading h2{font-size:9.3vw}.work-heading h2>span{font-size:.8em}.project-frame{min-height:850px;height:110svh;max-height:1100px}.frame-top{top:45px}.project-art{top:20%;height:46%}.frame-bottom{bottom:65px;display:block}.frame-bottom h3{font-size:6.6vw}.frame-detail{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-top:25px}.frame-detail p{margin:0;font-size:.85rem}.poster-one strong{font-size:5vw}.poster{height:92%;padding:20px}.poster-one{left:19%;width:35%}.poster-two{left:50%;width:34%}.poster-two strong{font-size:9vw}.sheet-back{left:11%;width:54%;height:90%}.sheet-front{height:90%;left:58%;width:33%}.sheet-front strong{font-size:6vw}.sheet-back strong{font-size:16vw}.health-sheet{left:22%;width:47%;height:92%}.health-sheet strong{font-size:9vw}.health-tag{left:64%;width:27%}.health-tag>span:first-child{font-size:2.6vw}.outro{min-height:85svh}.outro>p{margin-top:75px}.outro-link{font-size:12vw}.outro-link em{margin-left:8vw}.outro-arrow{right:0}.studio-statement{grid-template-columns:1fr;gap:35px}.studio-statement h2{font-size:7vw}.services h2{font-size:6vw}.service-row{grid-template-columns:40px 1fr 1fr;gap:20px}.case-description{grid-template-columns:1fr;gap:30px}.case-art{height:600px}.case-art .project-art{height:70%;top:15%}}
@media(max-width:600px){:root{--pad:22px}.label{font-size:.59rem;letter-spacing:.1em}.header{height:76px;padding:0 20px;gap:20px}.header.scrolled{height:68px}.logo{width:105px}.header nav{gap:19px;font-size:.72rem}.header .nav-contact{border:0;padding:10px 0;gap:0}.header .nav-contact span,.header sup{display:none}.intro{padding:86px 9px 10px}.intro-screen{height:calc(100svh - 100px);min-height:600px}.intro-top{top:22px;left:18px;right:18px}.intro-top>.label{font-size:.51rem}.video-controls button{height:31px;width:31px}.intro h1{left:18px;bottom:147px;width:90%;font-size:18vw;line-height:.98}.intro h1>span:first-child{max-width:85%;line-height:.95}.intro h1 em{font-size:1.4em;margin-left:16vw;margin-top:10px}.hero-symbol{font-size:.78em;bottom:7px}.intro-bottom{left:18px;right:18px;bottom:25px;align-items:center}.intro-bottom p{font-size:.65rem;max-width:140px}.scroll-link{font-size:.49rem;gap:9px}.circle-arrow{height:32px;width:32px;font-size:1.05rem}.vision-sticky,.motion-on .vision-sticky{padding:70px 22px;min-height:650px}.section-head .label:last-child{display:none}.vision-layout{margin:50px 0 40px}.vision-aside{font-size:.8rem}.vision h2{font-size:10.4vw;line-height:1.28}.vision-line.accent{font-size:1.09em}.vision-end{align-items:end;gap:20px}.orbit-symbol{font-size:4rem}.vision-end p{font-size:.8rem;max-width:235px}.work-heading{padding:55px 22px 28px;min-height:560px}.work-heading h2{font-size:13vw;line-height:1.03;margin:60px 0 80px}.work-heading h2>span{bottom:-60px;font-size:1em}.work-heading-bottom{display:block}.work-heading-bottom p{margin-bottom:14px;font-size:.82rem}.work-heading-bottom .label{font-size:.53rem}.project-frame{height:auto;min-height:880px;padding:0;max-height:none}.frame-top{top:38px;left:22px;right:22px}.frame-top .label:last-child{font-size:.5rem;letter-spacing:.05em}.project-art{left:0;right:0;top:140px;height:360px}.asharq-word{font-size:70vw;top:13%;left:-5%}.card-main{width:71%;left:14%;top:15%;transform:translateY(calc(var(--drift,0)*-20px)) rotate(-6deg)}.card-left{width:28%;left:-3%;top:-5%;transform:rotate(-15deg)}.card-right{width:49%;left:52%;top:55%;transform:rotate(10deg)}.art-card{padding:4px}.art-card>span{font-size:.48rem;padding:5px 3px 2px}.frame-bottom{left:22px;right:22px;bottom:55px}.frame-bottom h3{font-size:10vw;line-height:1.08;margin-top:18px}.frame-bottom h3 em{display:block;font-size:1.12em}.frame-detail{display:block;margin-top:22px}.frame-detail p{font-size:.85rem;line-height:1.45;margin-bottom:23px}.text-link{font-size:.72rem;gap:40px}.vice-ghost{font-size:65vw;top:15%}.poster{padding:17px;height:90%}.poster-one{width:48%;left:8%;top:0}.poster-one strong{font-size:7.5vw}.poster-label{font-size:.43rem;letter-spacing:.07em}.poster-two{width:42%;left:52%;top:12%}.poster-two strong{font-size:14vw}.gig-ghost{font-size:80vw;top:14%}.gig-sheet{padding:18px;height:90%}.sheet-back{left:4%;width:64%}.sheet-back strong{font-size:23vw}.sheet-front{left:53%;width:42%;top:20%;height:88%}.sheet-front strong{font-size:9vw}.gig-mark{font-size:10vw}.health-sheet{width:65%;left:12%;height:95%;padding:24px}.health-sheet strong{font-size:14vw}.health-logo{font-size:1.5rem}.health-tag{left:58%;top:58%;width:37%;padding:18px;aspect-ratio:1.25}.health-tag>span:first-child{font-size:4vw}.health-tag>span:last-child{font-size:5vw}.health-orbits span{width:80vw}.health-orbits span:nth-child(2){width:130vw}.health-orbits span:nth-child(3){width:180vw}.art-hover{display:none}.outro{padding:55px 22px 35px;min-height:760px}.outro>p{margin-top:70px;font-size:.9rem}.outro-link{font-size:15vw;line-height:1.03}.outro-link em{margin-left:3vw}.outro-arrow{width:70px;min-width:70px;font-size:2.5rem;right:2%;top:68%}.outro-bottom{display:block;margin-top:80px;font-size:.75rem;max-width:100%}.outro-bottom .text-link{margin-top:25px}.footer{padding:35px 22px;flex-wrap:wrap;font-size:.66rem}.footer img{width:110px}.footer>a:last-child{width:100%;padding-top:15px;border-top:1px solid #ffffff19}.interior{padding-top:76px}.page-intro{padding:65px 22px;min-height:740px}.page-intro h1{font-size:17vw;margin:60px 0 35px;line-height:1}.page-lead{font-size:1.2rem;margin:0}.studio-statement{padding:70px 22px;gap:35px}.studio-statement h2{font-size:10vw}.studio-statement p{font-size:1rem}.services{padding:65px 22px}.services h2{font-size:9vw;margin:35px 0 50px}.service-row{grid-template-columns:30px 1fr;gap:12px;padding:25px 0}.service-row h3{font-size:1.6rem}.service-row p{grid-column:2;font-size:.95rem}.small-cta{padding:65px 22px}.small-cta>a{font-size:10vw;line-height:1.1}.contact-area{padding:65px 22px;grid-template-columns:1fr;gap:50px}.contact-area h2{font-size:10vw}.case-intro{padding:55px 22px 40px}.case-intro h1{font-size:14vw;margin:0 0 25px}.case-intro h1 em{display:block}.case-intro .section-head{margin-bottom:55px}.case-banner{min-height:0;height:auto}.case-description{padding:60px 22px;gap:25px}.case-description h2{font-size:2.5rem}.case-description p{font-size:1rem}.case-gallery{grid-template-columns:1fr;padding:0 22px 65px;gap:35px}.case-gallery .wide{grid-column:auto}.case-next{padding:55px 22px;display:block}.case-next a{display:inline-block;margin-top:25px;font-size:2.2rem}.case-art{height:520px}.case-art .project-art{top:70px;height:360px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}.intro-screen{transform:none!important}.art-card,.poster,.gig-sheet,.health-sheet,.health-tag{will-change:auto}}
/* Final spacing for the pinned gallery and shorter desktop windows. */
@media(min-width:901px){.intro-screen{min-height:520px}.vision-sticky{min-height:650px}.showcase .project-art{height:40%;top:22%}.is-pinned .project-index a{font-size:.8rem}.project-index a span{margin-right:8px}.frame-detail p{font-size:.9rem}}