:root{--bg:#07090a;--ink:#f7f4ef;--orange:#ff6929;--copper:#c97855}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Manrope,Arial,sans-serif}.work-intro{position:relative;min-height:100svh;padding:clamp(130px,16vh,190px) clamp(24px,5vw,78px) 70px;display:flex;flex-direction:column;justify-content:center;overflow:hidden;background:linear-gradient(90deg,rgba(3,6,7,.96) 5%,rgba(3,6,7,.55) 52%,rgba(3,6,7,.18)),url('assets/v9-dubai-studio-background.png') center/cover}.work-intro:after{content:"";position:absolute;inset:auto 0 0;height:28%;background:linear-gradient(transparent,var(--bg));pointer-events:none}.work-intro>p:first-child{position:relative;z-index:1;margin:0 0 24px;color:var(--orange);font-size:10px;letter-spacing:.28em}.work-intro h1{position:relative;z-index:1;max-width:1050px;margin:0;font-size:clamp(58px,8.5vw,140px);line-height:.82;letter-spacing:-.075em}.work-intro h1 span{color:var(--copper)}.work-lede{position:relative;z-index:1;max-width:620px;margin:28px 0 0;color:#c3c8c7;font-size:clamp(14px,1.3vw,19px);line-height:1.65}.work-scroll{position:absolute;z-index:2;right:clamp(24px,5vw,78px);bottom:42px;display:flex;align-items:center;gap:16px;color:#fff;text-decoration:none;text-transform:uppercase;font-size:10px;letter-spacing:.2em}.work-scroll span{display:grid;place-items:center;width:44px;height:44px;border:1px solid rgba(255,255,255,.28);border-radius:50%;transition:.3s}.work-scroll:hover span{background:var(--orange);border-color:var(--orange);transform:translateY(5px)}.work-paths{min-height:100svh;display:grid;grid-template-columns:repeat(3,1fr);background:#020304}.work-path{position:relative;min-height:100svh;overflow:hidden;color:#fff;text-decoration:none;border-right:1px solid rgba(255,255,255,.12)}.work-path:last-child{border:0}.work-path img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.75) brightness(.5);transition:transform .9s cubic-bezier(.2,.75,.2,1),filter .6s}.work-path:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,5,6,.98) 5%,rgba(3,5,6,.16) 72%),linear-gradient(90deg,rgba(0,0,0,.26),transparent)}.work-path>div{position:absolute;z-index:2;left:clamp(24px,3.4vw,58px);right:clamp(24px,3vw,48px);bottom:clamp(48px,8vh,90px)}.work-path small{color:var(--orange);font-size:9px;letter-spacing:.25em}.work-path h2{margin:15px 0 22px;font-size:clamp(48px,5vw,88px);line-height:.8;letter-spacing:-.07em}.work-path p{max-width:390px;color:#c0c5c4;font-size:13px;line-height:1.65}.work-path b{display:inline-block;margin-top:17px;font-size:11px;letter-spacing:.12em;text-transform:uppercase}.path-number{position:absolute;z-index:3;top:116px;right:28px;color:rgba(255,255,255,.56);font-size:10px;letter-spacing:.18em}.work-path:hover img{transform:scale(1.055);filter:saturate(1) brightness(.7)}.work-path:hover h2{color:#f1a17b}@media(max-width:900px){.work-paths{grid-template-columns:1fr}.work-path{min-height:76svh;border-right:0;border-bottom:1px solid rgba(255,255,255,.12)}.path-number{top:34px}.work-intro h1{font-size:clamp(54px,14vw,90px)}}@media(max-width:600px){.work-intro{padding-bottom:100px}.work-scroll{left:24px;right:auto}.work-path{min-height:68svh}.work-path h2{font-size:clamp(50px,16vw,75px)}}