:root{--bg:#07111e;--ink:#eaf2fa;--muted:#91a4b6;--line:#283b4c;--lime:#c5f46a;--panel:#102030}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}::selection{background:var(--lime);color:#07111e}.container{width:min(1440px,calc(100% - 96px));margin:auto}.nav{height:88px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:10}.logo{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:26px;letter-spacing:-1.7px}.logo span{color:var(--lime)}.navlinks{display:flex;gap:38px;align-items:center;font-size:12px;font-weight:700;letter-spacing:1.5px}.navlinks a:hover{color:var(--lime)}.pill{border:1px solid #748a9b;border-radius:99px;padding:13px 19px}.pill:hover{border-color:var(--lime)}.hamb{display:none;border:0;background:none;color:white;font-size:24px}.hero{min-height:700px;height:min(790px,calc(100svh - 88px));position:relative;overflow:hidden;background:linear-gradient(110deg,#07111e 0%,#07111e9e 48%,#07111e10 100%),radial-gradient(circle at 70% 50%,#326b84 0%,#102b43 35%,#08111f 70%)}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#07111e 0%,transparent 32%);pointer-events:none}.heroart{position:absolute;inset:0;overflow:hidden}.ring{position:absolute;width:650px;height:650px;border:1px solid #b5d9e57a;border-radius:50%;top:2%;right:7%;box-shadow:0 0 110px #3ca7b84a,inset 0 0 95px #4e9eae35;transform:rotate(-25deg) scaleX(.72)}.ring:before,.ring:after{content:'';position:absolute;inset:32px;border:1px solid #80a9b57d;border-radius:50%}.ring:after{inset:80px;border-color:#d7f0c76e}.heroart .shape{position:absolute;right:15%;top:18%;width:310px;height:460px;transform:rotate(-18deg);border-radius:180px 180px 35px 35px;background:linear-gradient(120deg,#c4d7d4 0%,#6b9aa2 15%,#163349 36%,#060e18 68%);box-shadow:35px 10px 90px #02070dd9,0 0 120px #b0e9d838}.heroart .shape:after{content:'';position:absolute;top:40%;left:-38%;width:170%;height:30%;border-radius:50%;border:22px solid #b4d6c7a1;transform:rotate(28deg);filter:blur(1px)}.hero .container{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:center}.eyebrow{font-size:12px;font-weight:700;letter-spacing:3px;color:var(--lime);text-transform:uppercase}.hero h1{font-family:'Space Grotesk',sans-serif;font-size:clamp(66px,9.3vw,160px);letter-spacing:-.095em;line-height:.91;margin:28px 0 26px;font-weight:600}.hero h1 em{font-style:normal;color:var(--lime)}.hero p{font-size:17px;line-height:1.65;max-width:480px;color:#b7c8d4}.herobottom{position:absolute;bottom:54px;left:0;right:0;display:flex;justify-content:space-between;align-items:end}.cta{display:inline-flex;gap:30px;align-items:center;font-weight:700;font-size:13px;letter-spacing:1px}.cta i{font-style:normal;width:50px;height:50px;border-radius:50%;background:var(--lime);color:var(--bg);display:grid;place-items:center;font-size:23px;transition:transform .2s}.cta:hover i{transform:translateX(5px)}.small{font-size:11px;color:var(--muted);letter-spacing:2px}.section{padding:110px 0}.sectionhead{display:flex;align-items:end;justify-content:space-between;margin-bottom:40px;gap:30px}.sectionhead h2{font-family:'Space Grotesk';font-size:clamp(42px,6vw,88px);line-height:1;letter-spacing:-.075em;margin:12px 0 0}.sectionhead p{color:var(--muted);max-width:340px;line-height:1.7;font-size:14px}.filters{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 26px}.filter{background:transparent;border:1px solid #395062;border-radius:30px;color:#aabac7;padding:10px 18px;font-size:12px}.filter.active,.filter:hover{background:var(--lime);border-color:var(--lime);color:var(--bg)}.works{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 22px}.work{cursor:pointer}.thumb{position:relative;aspect-ratio:16/10;overflow:hidden;border-radius:2px;background:#1d3648}.thumb:before{content:'';position:absolute;inset:0;transition:transform .5s;opacity:.9}.work:hover .thumb:before{transform:scale(1.06)}.thumb.one:before{background:radial-gradient(circle at 70% 30%,#efb78c,transparent 28%),linear-gradient(145deg,#142f3e,#315f72 40%,#10151f 70%)}.thumb.two:before{background:radial-gradient(circle at 35% 40%,#ff8e56,transparent 30%),linear-gradient(120deg,#172f30,#4c6955 45%,#0d1724)}.thumb.three:before{background:radial-gradient(circle at 68% 35%,#87d1ee,transparent 26%),linear-gradient(130deg,#10233c,#24375e 60%,#07111e)}.thumb.four:before{background:radial-gradient(circle at 50% 20%,#edc4a1,transparent 24%),linear-gradient(135deg,#4a2230,#151f38 65%,#08101c)}.thumb .visual{position:absolute;inset:0;display:grid;place-items:center;font-family:'Space Grotesk';font-size:clamp(35px,5vw,76px);font-weight:700;letter-spacing:-.07em;text-align:center;text-shadow:0 8px 45px #0007}.thumb .visual small{display:block;font-size:12px;letter-spacing:6px;font-weight:500;margin-top:8px}.play{position:absolute;right:22px;bottom:22px;border:1px solid #fff9;border-radius:50%;width:49px;height:49px;display:grid;place-items:center;background:#ffffff1b;backdrop-filter:blur(10px)}.workinfo{display:flex;justify-content:space-between;gap:20px;padding-top:18px}.workinfo strong{font-size:20px;font-family:'Space Grotesk';letter-spacing:-.5px}.workinfo span{color:var(--muted);font-size:12px}.work[hidden]{display:none}.about{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#0b1928}.aboutgrid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.about h2{font:600 clamp(42px,6vw,83px)/1.05 'Space Grotesk';letter-spacing:-.07em;margin:20px 0}.about h2 span{color:var(--lime)}.about p{font-size:18px;line-height:1.8;color:#b5c7d5}.services{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:50px}.service{padding:25px 18px;border:1px solid var(--line);min-height:145px}.service b{font-family:'Space Grotesk';font-size:19px}.service span{display:block;margin-top:18px;color:var(--muted);font-size:12px;line-height:1.5}.contact{padding:130px 0 100px}.contact h2{font:600 clamp(60px,10vw,150px)/.95 'Space Grotesk';letter-spacing:-.09em;margin:20px 0 38px}.contact h2 span{color:var(--lime)}.contact a.mail{font-size:clamp(22px,3vw,40px);border-bottom:1px solid var(--lime);padding-bottom:8px}.footer{border-top:1px solid var(--line);padding:32px 0;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:var(--muted)}.footer a:hover{color:var(--lime)}.modal{position:fixed;inset:0;background:#02060bdc;z-index:30;display:none;align-items:center;justify-content:center;padding:22px}.modal.open{display:flex}.modalbox{max-height:90vh;overflow-y:auto}.modalmedia iframe{width:100%;aspect-ratio:16/9;border:0}.modalgallery{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:14px}.modalgallery img{width:100%;display:block}.thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s}.work:hover .thumb img{transform:scale(1.04)}.modalbox{background:#132637;border:1px solid #426072;padding:40px;width:min(570px,100%);position:relative}.modalbox h3{font:600 38px 'Space Grotesk';letter-spacing:-2px;margin:10px 0}.modalbox p{color:#c3d0da;line-height:1.7}.close{position:absolute;right:18px;top:14px;border:0;background:none;color:white;font-size:28px}.notice{color:#9dafbd;font-size:12px;margin-top:20px}@media(max-width:800px){.container{width:calc(100% - 40px)}.nav{height:70px}.hamb{display:block}.navlinks{display:none;position:absolute;top:65px;left:0;right:0;background:#102030;padding:24px;flex-direction:column;align-items:start}.navlinks.open{display:flex}.hero{height:730px;min-height:650px}.hero h1{font-size:clamp(64px,15vw,110px)}.heroart .ring{right:-55%;top:15%}.heroart .shape{right:-12%;top:25%;opacity:.7}.herobottom{bottom:40px}.section{padding:80px 0}.sectionhead{display:block}.works{grid-template-columns:1fr}.aboutgrid{grid-template-columns:1fr;gap:20px}.services{grid-template-columns:repeat(2,1fr)}.footer{flex-direction:column}.contact{padding:90px 0}}