@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Playfair+Display:ital@0;1&display=swap');*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f4f1e9;color:#121412;font:15px/1.6 'DM Sans',sans-serif}a{color:inherit;text-decoration:none}header{position:absolute;z-index:5;top:0;width:100%;display:flex;justify-content:space-between;align-items:center;padding:28px 5vw;color:#fff}.logo{font-size:25px;letter-spacing:-2px}.logo small{display:block;font-size:7px;letter-spacing:2px}.logo b{color:#b5ff36}nav{display:flex;gap:30px;align-items:center}.button{display:inline-block;border:0;background:#b5ff36;color:#111;padding:15px 22px;border-radius:50px;font-weight:600}.mini{padding:10px 18px}.hero{position:relative;min-height:92vh;overflow:hidden;background:#0d100e;color:white;padding:180px 8vw 80px;display:flex;flex-direction:column;justify-content:center}.hero h1{font:400 clamp(70px,13vw,190px)/.8 'Playfair Display';letter-spacing:-8px;margin:35px 0}.hero h1 i,.work h2 i,footer h2 i{color:#b5ff36}.hero p{max-width:600px;color:#a8afa9;font-size:18px}.orb{position:absolute;width:45vw;height:45vw;right:-8vw;top:15%;border-radius:50%;background:radial-gradient(circle at 35% 35%,#b5ff36,#364dff 35%,transparent 70%);filter:blur(8px);opacity:.65;animation:float 7s ease-in-out infinite}.hero>*:not(.orb){z-index:1}.eyebrow{font-size:10px;letter-spacing:3px;font-weight:600}.scroll{margin-top:45px}.stats{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid #ccc}.stats div{padding:36px 5vw;border-right:1px solid #ccc}.stats b{display:block;font-size:28px}.stats span{color:#6b706b}.work{padding:120px 5vw}.section-head{display:flex;justify-content:space-between;align-items:end}.section-head h2,.cap h2{font:400 clamp(45px,7vw,95px)/1 'Playfair Display';margin:20px 0}.section-head form{display:flex}.section-head input{padding:14px;border:0;border-bottom:1px solid}.section-head button{background:#111;color:#fff;border:0}.filters{display:flex;gap:8px;flex-wrap:wrap;margin:45px 0}.filters a{border:1px solid #bbb;border-radius:30px;padding:9px 16px}.filters a.active{background:#111;color:#fff}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:65px 25px}.shot{height:32vw;min-height:320px;overflow:hidden;position:relative;background:#ddd}.shot img{width:100%;height:100%;object-fit:cover;transition:.7s}.card:hover img{transform:scale(1.04)}.shot span{position:absolute;top:15px;left:15px;background:#b5ff36;padding:5px 10px;font-size:9px}.meta h3{font:40px 'Playfair Display';margin:8px 0}.meta p{color:#626662}.meta em{font-style:normal;font-size:11px;border:1px solid #bbb;padding:5px 9px;border-radius:20px;margin-right:4px}.cap{background:#161916;color:#fff;padding:100px 7vw}.cap>div{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #444;align-items:center}.cap p{color:#999;font-size:18px}footer{background:#090b09;color:#fff;padding:120px 7vw 35px;display:grid;grid-template-columns:1fr 1fr;gap:60px}footer h2{font:50px 'Playfair Display'}footer form{display:grid;gap:12px}footer input,footer textarea{background:transparent;color:#fff;border:0;border-bottom:1px solid #555;padding:14px}footer textarea{min-height:90px}.foot{grid-column:1/-1;border-top:1px solid #333;padding-top:25px;display:flex;justify-content:space-between;color:#888}.project-hero{min-height:90vh;padding:170px 7vw 80px;color:#fff;display:flex;align-items:end;background:linear-gradient(90deg,#080a09dd,#080a0933),var(--hero) center/cover}.project-hero h1{font:clamp(70px,12vw,160px)/.85 'Playfair Display';margin:25px 0}.project-hero p{max-width:650px;font-size:20px}.text-link{margin-left:20px}.details{padding:120px 8vw;display:grid;grid-template-columns:1fr 3fr;gap:80px}.details aside span,.details aside b{display:block}.details aside span{font-size:9px;letter-spacing:2px;margin-top:20px}.details h2{font:45px 'Playfair Display'}.details li{padding:12px;border-bottom:1px solid #ccc}.credentials{margin:0 8vw 100px;background:#b5ff36;padding:30px;display:flex;gap:35px}.flash{position:fixed;z-index:9;right:20px;top:20px;background:#b5ff36;padding:15px}@keyframes float{50%{transform:translate(-5%,6%) rotate(10deg)}}@media(max-width:750px){nav>a:not(.button){display:none}.hero h1{letter-spacing:-3px}.stats{grid-template-columns:1fr 1fr}.grid{grid-template-columns:1fr}.shot{height:70vw}.section-head,.details,footer{grid-template-columns:1fr;display:grid}.cap>div{grid-template-columns:1fr}.foot{display:block}.orb{width:90vw;height:90vw}.project-hero h1{font-size:65px}}