:root{--ink:#100320;--ink-2:#16072a;--purple:#4e2182;--light:#efe1ff;--accent:#d4acfa;--line:#efe1ff22}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--light);font-family:Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}.grain{position:fixed;inset:0;z-index:20;pointer-events:none;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.8' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}header{height:72px;padding:0 6vw;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.logo,h1,h2{font-family:Anton,sans-serif;letter-spacing:.025em}.logo{font-size:28px;color:#fff}nav{display:flex;gap:26px;font-size:10px;font-weight:800;letter-spacing:.14em}.cta{display:inline-block;background:var(--accent);color:var(--ink);padding:13px 17px;font-size:10px;font-weight:800;letter-spacing:.07em}.hero{min-height:590px;padding:74px 6vw;display:grid;grid-template-columns:minmax(300px,.95fr) minmax(360px,1fr);align-items:center;gap:6vw;background:radial-gradient(ellipse at 72% 44%,#4e21824a,transparent 37rem)}.tag{margin:0;color:var(--accent);font-size:10px;font-weight:800;letter-spacing:.14em}.hero h1{font-size:clamp(58px,6.8vw,104px);line-height:.91;margin:16px 0 22px;max-width:720px}.hero h1 i,h2 i{color:var(--accent);font-style:normal}.sub{max-width:390px;line-height:1.85;margin:0 0 28px;font-size:14px}.hero-work{height:420px;position:relative;display:flex;justify-content:center;align-items:end;overflow:hidden;border:1px solid #efe1ff2f;background:linear-gradient(135deg,#2b0f4d,#5b2493)}.hero-work:before{content:"";position:absolute;width:500px;height:500px;right:-230px;top:-230px;border:1px solid #efe1ff32;border-radius:50%}.hero-work img{position:relative;z-index:1;max-width:88%;max-height:98%;filter:drop-shadow(14px 18px 13px #10032088)}.work{padding:88px 6vw 105px}.heading{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin:12px 0 34px}.heading h2,.about h2{font-size:clamp(45px,5vw,70px);line-height:.9;margin:0}.heading h2 i,.about h2 i{font-style:normal;color:var(--accent)}#filters{display:flex;gap:8px;flex-wrap:wrap}.filter{border:1px solid #efe1ff44;background:transparent;color:var(--light);padding:8px 11px;font-size:10px}.filter.on{background:var(--accent);color:var(--ink)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{aspect-ratio:16/9;position:relative;overflow:hidden;background:#1d0935}.card img{width:100%;height:100%;object-fit:cover;transition:transform .25s}.card:hover img{transform:scale(1.04)}.card span{position:absolute;inset:auto 0 0;padding:26px 14px 12px;background:linear-gradient(transparent,#100320de);font-size:11px;font-weight:800}#empty{margin:0;padding:60px 22px;border:1px dashed #efe1ff44;color:#cbb8e0;text-align:center;font-size:13px}.about{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:95px 13vw;background:var(--ink-2)}.about>p{align-self:center;max-width:430px;font-size:14px;line-height:2}.contact{position:relative;min-height:410px;padding:74px 13vw;overflow:hidden;background:#3b1766}.contact img{position:absolute;right:7%;bottom:-12%;height:118%;opacity:.3}.contact h2{position:relative;margin:15px 0 30px;font-size:clamp(46px,5.2vw,72px);line-height:.9}.light{background:var(--light)}.contact small{display:block;margin-top:14px}.float{display:none}dialog{border:0;width:100%;height:100%;max-width:100vw;max-height:100vh;background:#09010eee;color:#fff}dialog[open]{display:flex;flex-direction:column;align-items:center;justify-content:center}dialog img{max-width:90vw;max-height:78vh}dialog button{position:absolute;right:24px;top:16px;border:0;background:none;color:#fff;font-size:40px}@media(max-width:760px){header{padding:0 20px}nav{display:none}.hero{min-height:auto;padding:62px 20px 0;grid-template-columns:1fr;gap:40px}.hero h1{font-size:58px;line-height:.92}.hero-work{height:355px}.work{padding:72px 20px}.heading{align-items:flex-start;flex-direction:column}.grid{grid-template-columns:1fr}.about{grid-template-columns:1fr;gap:10px;padding:72px 20px}.contact{padding:70px 20px}.contact img{right:-30%;opacity:.22}.float{position:fixed;right:18px;bottom:18px;z-index:9;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:var(--ink);font-size:21px}}