:root{--ink:#f3f1eb;--black:#111112;--acid:#e9ff50;--hot:#ff4e85;--line:rgba(243,241,235,.32)}*{box-sizing:border-box}html{background:var(--black);scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--ink);font-family:Manrope,sans-serif;overflow-x:hidden}.site-header{position:fixed;z-index:20;inset:0 0 auto;height:78px;padding:22px 3.5vw;display:flex;align-items:flex-start;justify-content:space-between;text-transform:uppercase;mix-blend-mode:difference;color:#fff}.brand{color:inherit;text-decoration:none;font-size:25px;font-weight:800;line-height:.7;letter-spacing:-.15em}.site-header nav{display:flex;gap:25px}.site-header nav a{color:inherit;text-decoration:none;font:10px "DM Mono",monospace;letter-spacing:.1em}.site-header p{margin:0;text-align:right;font:10px/1.35 "DM Mono",monospace;letter-spacing:.08em}.hero-scene,.about-scene,.contact-scene{position:relative;min-height:100svh;overflow:hidden}.hero-image,.about-image,.scene-background{position:absolute;inset:0;background:center/cover no-repeat;filter:saturate(.88) contrast(1.06);transform:scale(1.02)}.hero-image{background-image:url("assets/web/Hijab/hijabpic1.webp")}.about-image{background-image:url("assets/web/run/run2.webp")}.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,8,9,.84),rgba(8,8,9,.17) 68%,rgba(8,8,9,.35))}.eyebrow{position:relative;margin:0;font:10px "DM Mono",monospace;letter-spacing:.12em;text-transform:uppercase}.hero-scene{padding:17vh 6vw 38px;display:flex;flex-direction:column;justify-content:space-between}.hero-scene h1{position:relative;margin:0;font-size:clamp(85px,15vw,255px);font-weight:800;line-height:.66;letter-spacing:-.15em}.hero-scene h1 em,.work-intro h2 em,.about-scene h2 em,.contact-scene h2 em{font:400 1.07em Manrope,sans-serif;font-style:italic;color:var(--acid)}.hero-copy{position:relative;margin:0 0 4vw auto;font-size:clamp(15px,1.5vw,22px);line-height:1.25}.scroll-cue{position:relative;align-self:flex-end;font:10px "DM Mono",monospace;letter-spacing:.12em}.marquee{height:72px;overflow:hidden;background:var(--ink);color:var(--black);display:flex;align-items:center;white-space:nowrap}.marquee div{display:inline-block;font-size:clamp(15px,1.7vw,26px);font-weight:800;letter-spacing:-.05em;animation:marquee 22s linear infinite}.marquee b{color:var(--hot);margin:0 18px}@keyframes marquee{to{transform:translateX(-50%)}}.work-intro{min-height:80svh;padding:15vh 8vw 12vh;display:flex;flex-direction:column;justify-content:space-between}.work-intro h2,.about-scene h2,.contact-scene h2{margin:0;font-size:clamp(62px,10vw,165px);line-height:.72;letter-spacing:-.13em}.work-intro>p:last-child{align-self:flex-end;margin:0;font-size:16px;line-height:1.3}.project-scene{position:relative;min-height:100svh;display:flex;align-items:flex-end;padding:clamp(24px,5vw,74px);overflow:hidden;border-top:1px solid var(--line);isolation:isolate}.project-scene::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(11,11,12,.92) 0%,rgba(11,11,12,.52) 47%,rgba(11,11,12,.08) 100%)}.scene-content{position:relative;z-index:4;display:grid;grid-template-columns:auto 1fr auto auto;gap:clamp(22px,4vw,78px);align-items:end;width:100%}.scene-index,.scene-type,.scene-open{font:10px "DM Mono",monospace;letter-spacing:.1em;text-transform:uppercase}.scene-title{margin:0;font-size:clamp(62px,10.4vw,178px);font-weight:800;line-height:.66;letter-spacing:-.15em}.scene-title em{font:400 .98em Manrope,sans-serif;font-style:italic}.scene-type{max-width:18ch;margin-bottom:10px}.scene-open{appearance:none;border:1px solid var(--ink);padding:12px 15px;background:rgba(17,17,18,.24);color:var(--ink);cursor:pointer;transition:background .3s,color .3s}.scene-open:hover{background:var(--ink);color:var(--black)}.scene-frames{position:absolute;z-index:2;right:7vw;top:13vh;width:min(35vw,550px);height:68vh;pointer-events:none;perspective:1400px}.scene-frame{position:absolute;overflow:hidden;box-shadow:15px 18px 0 rgba(0,0,0,.28);border:1px solid rgba(243,241,235,.78);opacity:0;transition:transform .9s cubic-bezier(.2,.8,.2,1),opacity .65s}.scene-frame img{width:100%;height:100%;object-fit:cover;display:block}.scene-frame:nth-child(1){inset:0 19% 19% 0;transform:translateY(70px) rotate(-8deg)}.scene-frame:nth-child(2){inset:23% 0 0 26%;transform:translateY(100px) rotate(9deg)}.scene-frame:nth-child(3){inset:8% 6% 36% 39%;transform:translateY(42px) rotate(4deg)}.project-scene.in-view .scene-frame{opacity:1}.project-scene.in-view .scene-frame:nth-child(1){transform:rotate(-8deg)}.project-scene.in-view .scene-frame:nth-child(2){transform:rotate(9deg);transition-delay:.12s}.project-scene.in-view .scene-frame:nth-child(3){transform:rotate(4deg);transition-delay:.25s}.project-scene:hover .scene-background{filter:saturate(1.05) brightness(1.17);transform:scale(1.06);transition:transform 1s,filter .65s}.about-scene{padding:15vh 8vw 10vh;display:flex;flex-direction:column;justify-content:space-between}.about-scene .shade{background:linear-gradient(90deg,rgba(8,8,9,.83),rgba(8,8,9,.25))}.about-copy{position:relative;display:grid;grid-template-columns:minmax(220px,460px) minmax(220px,420px);gap:8vw;margin-left:auto;width:min(100%,900px)}.about-copy p{margin:0;font-size:clamp(19px,2vw,31px);line-height:1.08}.about-copy ul{list-style:none;padding:0;margin:0;font-size:18px;font-weight:700}.about-copy li{padding:11px 0;border-top:1px solid var(--line)}.about-copy li:last-child{border-bottom:1px solid var(--line)}.contact-scene{padding:16vh 8vw 34px;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(circle at 80% 25%,#2d3335,transparent 32%),var(--black)}.contact-scene h2 em{color:var(--hot)}.contact-link{align-self:flex-start;color:var(--acid);font-size:clamp(22px,3vw,48px);font-weight:800;letter-spacing:-.09em;text-decoration:none;border-bottom:2px solid var(--acid);padding-bottom:7px}.contact-scene footer{display:flex;justify-content:space-between;font:10px "DM Mono",monospace;letter-spacing:.1em}.case-modal{position:fixed;z-index:50;inset:0;overflow-y:auto;background:var(--black);color:var(--ink);transform:translateY(100%);transition:transform .75s cubic-bezier(.77,0,.18,1)}.case-modal.open{transform:none}.case-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.58) saturate(.92)}.case-media{position:relative;min-height:100svh;overflow:hidden}.case-media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,8,9,.85),rgba(8,8,9,.2))}.case-close{position:fixed;z-index:7;top:24px;right:3.5vw;border:0;background:var(--black);color:var(--acid);font:10px "DM Mono",monospace;padding:12px 15px;cursor:pointer}.case-copy{position:absolute;z-index:3;left:7vw;bottom:10vh;max-width:680px}.case-copy p{font-size:clamp(18px,2.1vw,31px);line-height:1.12}.case-copy h3{margin:24px 0;font-size:clamp(74px,13vw,220px);line-height:.64;letter-spacing:-.15em}.case-popups{position:absolute;z-index:4;right:7vw;top:14vh;width:min(38vw,560px);height:70vh;perspective:1300px}.case-popup{position:absolute;width:62%;aspect-ratio:.78;overflow:hidden;border:1px solid rgba(243,241,235,.75);box-shadow:16px 18px 0 rgba(0,0,0,.32);opacity:0;animation:popup-in .8s cubic-bezier(.2,.8,.2,1) forwards}.case-popup img{width:100%;height:100%;object-fit:cover}.case-popup:nth-child(1){top:0;left:3%;transform:rotate(-8deg);animation-delay:.15s}.case-popup:nth-child(2){right:0;top:17%;transform:rotate(7deg);animation-delay:.3s}.case-popup:nth-child(3){left:19%;bottom:0;transform:rotate(-3deg);animation-delay:.45s}@keyframes popup-in{from{opacity:0;translate:0 80px}to{opacity:1;translate:0 0}}.case-summary{position:relative;padding:14vh 8vw;background:#efede7;color:#111112;display:grid;grid-template-columns:1fr 1fr;gap:12vw}.case-summary h4{margin:0;font-size:clamp(48px,7vw,112px);line-height:.73;letter-spacing:-.12em}.case-summary p{font-size:clamp(20px,2vw,31px);line-height:1.12}@media(max-width:700px){.site-header{height:64px;padding:19px 20px}.site-header nav{display:none}.site-header p{font-size:9px}.hero-scene{padding:14vh 22px 28px}.hero-scene h1{font-size:20vw}.hero-copy{margin:0;font-size:15px}.work-intro{min-height:76svh;padding:14vh 22px 10vh}.work-intro h2,.about-scene h2,.contact-scene h2{font-size:17vw}.project-scene{padding:28px 22px;align-items:flex-end}.scene-content{grid-template-columns:1fr;gap:16px}.scene-index{position:absolute;top:-58vh}.scene-title{font-size:18vw}.scene-type{margin:0}.scene-open{justify-self:start}.scene-frames{right:7vw;top:13vh;width:72vw;height:48vh}.about-scene{padding:13vh 22px 8vh}.about-copy{grid-template-columns:1fr;gap:36px;margin:0}.contact-scene{padding:14vh 22px 26px}.contact-scene footer{font-size:8px}.case-copy{left:22px;right:22px;bottom:8vh}.case-copy h3{font-size:19vw}.case-copy p{font-size:19px}.case-popups{right:20px;top:13vh;width:68vw;height:50vh}.case-summary{grid-template-columns:1fr;padding:11vh 22px;gap:35px}.case-close{right:20px;top:16px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}